Archive for the ‘Typography’ Category

Sometimes design says “hey, don’t notice me.” And it’s perfect.

Sunday, June 16th, 2013

I just had a conversation with a friend showing the importance of a well designed website, especially an information heavy site, and how great it can be when good design is “unnoticed”.

THE ISSUE

He has to renew his drivers license. He wants to to know where, how much, and if they accept credit cards.

THE PROCESS / THE PROBLEM

First question: MO.gov, department of transportation, or department of revenue?

MO.gov?

Home page.

There is a lot going on there. Scrolling images. More images to manually scroll through to see links. Three youtube videos. A bit much.

I’ll try online services. Ok, under More Services I’ll try Driver’s License Office.

Ah, the Dept of Revenue page. Ok, Driver License.

“Renew” is listed on the page once, in the exciting heading “Do you need to obtain or renew a driver license, nondriver identification card or permit? You’ve found the front door to all the information you may need about driver licenses, …”

Nowhere else. No links to click.

Recapping real world clicks to find out how to renew a Missouri Drivers License:

Mo.gov > Online Services > More Services > Driver’s License Office > Drivers License (on new website) and nothing yet.

Note, this is also where googling “MO drivers license renewal” takes you.

Drivers Licensing Checklist? Scroll down a bit and see this:

“Renewal 

Acceptable documents for Proof of Name, Date of Birth, and Place of Birth, Proof of Social Security Number, and Proof of Missouri Residential Address.”

Give up.

LETS SEE HOW IT SHOULD BE

Gov.uk won 2013 Design of the year.

“”You shouldn’t come to the website and say ‘wow, look at the graphic design!,’” Terrett says. “You should come to the website to find out what the minimum wage is.”

3 clicks. Everything I need to know.

ss1

ss2

ss3

ss4

Quartlery Newsletter

Thursday, November 4th, 2010

Working on a quarterly newsletter for Harmony EyeCare. They’re wanting to provide a consistent and convenient way to keep in touch with patients. I’m thinking the header will always have some sort of object on the right side, whether it be glasses or contact lens cases or an instrument the Doctor would like to feature that quarter.

Full size portion of header:

Quarterly Newsletter

Each quarter they’ll be able to feature a main article at the top (In this case, an introduction from the Optometrist). A number of secondary articles may appear below accompanied by an image (vector graphics by me, or real photography) to the left.

We decided MailChimp was the best service for their needs. They’ll be able to analyze the basics, like how many people opened the newsletter and how many links were clicked. A big plus for me, though, is that MailChimp automatically writes CSS inline to make sure their newsletter looks similar in any mail client (Gmail being the toughest to design for).

Width: 650px
Font: Helvetica (or Arial, sorry Windows users) with Georgia Italic for the tagline
First Issue: January 2011
Newsletter Service: MailChimp

Here is more of the newsletter:

Quarterly Newsletter

Sill working on the layout a bit and proper graphics to match the text.

- Randy

You gotta know how to get there. In style.

Tuesday, October 26th, 2010

Having a cool fiancée means I get a lot of say in the overall look of pretty much all of the wedding related things. For the most part it’s me saying “no” to a lot of ornamentation and yes to simple and traditional. Honestly, I’m pretty lucky that she has a similar aesthetic. Or, at least, also enjoys mine. Which means I get to use a lot of Futura!

I think I enjoyed making these directions the most. The goal for the invitation packet was to try and capture the feeling of the ’60s but keep it updated and modern – not to look like a prop from Mad Men. The invitations, reply cards, and directions are all printed on ivory colored paper or cardstock which adds to the old effect but is still in the tradition of wedding invitations created today. I’m happy with the results.

Sad Bird Now Fits In Your Wallet

Wednesday, July 21st, 2010

sadbirdcard1

I ordered our business cards with a couple different options. I can’t imagine not ordering more, as I’ve always thought business cards or calling cards are cool. These are the first of, I’m sure, many to come.

Sad Bird Design StandardIssue/1

Its all printed with the bird, our physical location in the world, and our footprint on the web.

sadbirdcard3

Sad Bird Design SpecialIssue/1 (also seen in first image)

I also got a bunch of blank cards to stamp the bird and name on. It makes for a cool look. The bird, alone, sitting in the empty void of the card, is showing us his sadness. Then, on the reverse is the name and locale.

sadbirdcard2

The blank cards actually came from the idea of hand writing each card as I gave it out. I still think it is a cool idea.

sadbirdcard4

-Rich

Postcards For Harmony EyeCare

Sunday, June 27th, 2010

Working hard this week on a few postcards and website bits for Harmony EyeCare. The doctor requested a set of postcards to remind current patients that they can order contacts on the site.

Updated on 07/10/2010 with final design.

Front:
harmony eyecare postcard front

Back:
harmony eyecare postcard back

Might put another contact lens case design into the pattern. We’ll see. The website currently has a callout for ordering contacts in the left column below the main navigation (see www.harmonyeyecare.com). After approval of this concept the callout will need to match the postcard for a proper connection between the two. And probably needs to be moved to the header. Gotta keep things consistent.

Another postcard will go out soon reminding patients of their next check-up. I’ll be using a similar pattern as this one but with other elements dealing with eye exams. Update coming soon after feedback from client. Updated with images below.

Front:
checkup-reminder-front

Back:
checkup-reminder-back

- Randy

August: Version 2

Saturday, January 9th, 2010

In my earlier post I talked about version 1. After much research I began to work on version 2. So far the uppercase alphabet is in rough draft. Currently working on lowercase and numbers. In the meantime I am getting some professional feedback on the uppercase.

Here is rough version 2:
augustv2

A few of the many changes include:
1. 20% wider
2. Thin strokes were thickened
3. Serifs extend left and right on most glyphs
4. Height of crossbars were lowered
5. Any round letter sits just below baseline

Sample words:
august1

august2

august3

Sample header/body text:
august4

Lowercase coming soon.

- Randy