dave seah: better living through new media Filter Navigation Design Portfolio The Printable CEO Series The Printable CEO Series Compact Calendar Compact Calendar Back to Home Page Admin:Login

Quickie Business Card Design II

POSTED 08/21/2006 UNDER Freelancing

Business Card Gen V

I've playing with my business card designs again, printing off another 2 sets of 10 cards, this time on Avery 8879 Glossy "Clean Edge" Business Card templates. Design Notes follow.

Out with the Old, In with the New

Quick Business Cards Here's the old card from July 26. Click on the thumbnail for a larger view.


Quick Business Cards II and III Here's the new cards. From left to right, generation IV and V. Click on the thumbnail for a larger view.


Generation IV was my first response to declutter the old business card, which had way too much crap going on. However, I went too small with the font; when I handed it to someone, they were unable to read it without squinting through their glasses. As a concession I increased the byline font size very slightly (8pt to 9pt) in Generation V. Still not really friendly to older people, especially since the small listing of skills is low-contrast gray AND 7pt.

Between GenIV and GenV, there are also some other layout improvement:

  • The spacing is more regular in GenV...not perfect, but better. This helps give the information a cohesive, solid feel. It's probably at about 90-95% of the spacing perfection I can muster.

  • The hue contrast between the orange dots and the blue information is more interesting...they're color complements, which adds some energy and visual distinction between the top and bottom part. In GenIV, the use of similar greens as a repeating, regularly-spaced accent color helps unify the layout. In GenV, I purposefully split it again, but use regular spacing to help unify the overall card. It's a different, more energetic feel. Also, blue and orange are two colors I used a lot on my Apple II back in high school, so I'm rather fond of this combination.

  • I added a shaded bar to the left to slim up the vertical whitespace, which almost but not-quite-worked in GenIV.

  • I added a square bullet to focus the eye on the very first line. This compensates for the bold black weighting I've put on my name and phone number; ordinarily it probably would get the attention first. I want people to read the little visual puzzle first, then read my name / title to make the connection. I could have made them all equal weight in tone, but that would have looked boring.

  • I stayed with this is three dots instead of "these are three dots". I'm thinking three dots as a single group, which makes the wording grammatically OK. The width of the line is more even compared to the following line, which aesthetically makes me feel good. I also respaced the circles so they were more in alignment with the H in SEAH. I probably need to jog them over just a tiny bit to visually align them; it's looking just a tad pinched.

Other Thoughts

When designing business cards, it's neat when you can get away with a full-bleed background element. On the particular templates I have, each card touches each other, and that makes registration of the bar a little challenging. The registration can shift by as much as a millimeter or so when I run the template through my printer, so it has to be laid out such that the sidebar edges butt up right against each other. This ensure that the bleed doesn't screw up, and there is printing all the way to the edge. This is a fun trick...see the image below!

Business Cards on Template

These cards are a bit plainer than the ones I've made in the past, but I like the "three dots" story a lot, and adding more elements tends to rob the card of its visual impact. Right now I think I have a pretty good balance between information, whitespace, and story. I'll have to see how people react to it this week.

The card lacks the elegance of other cards I've seen, but it's moving in the right direction. It just needs the lightest touch of sweetness to round it out. That could be a subtle texture or just the right accent color or spot graphic element. Or it could be better kerning (it's a bit ragged) or typeface selection (I'm using Helvetica Neue at the moment, which doesn't work that well with the line spacing I have...I need something with a slightly lower x-height I think). Or I might have to choose a different set of colors (the contrast between orange and blue is pretty extreme. The exact treatment eludes me at the moment, but in the meantime I've got a card that I feel OK about handing to people. I will probably print it on Matte stock next time...I just like the way that looks better.

If I go to print, I could move the "three dots" to one side of the card, and buy myself more whitespace to play with. Worth considering!

READ MORE

The design challenge continues in Part III...


Comments

1. Mark said on 08/22/2006 02:28AM...

Ah, but between Gen IV & V you removed Digital Media Methods & Training too! The value proposition!

2. Dave Seah said on 08/22/2006 03:44AM...

I’m not sure that’s the value proposition, but you’re right…I should be putting what I want to be doing MORE of on the card than what I’ve done in the past. I’m clinging to the paaaasst! :-)

3. Dave Seah said on 08/22/2006 03:55AM...

Hm, what ARE my three main value propositions? I was thinking digital media methods = production methods (the graphics development integration side of things. And then there’s what I need to list to make “what I do” clearer. The list of things is designed to be a trigger list so people go “Oh, that’s what he can do for me.”

Flash / Actionscript can probably stay.
Digital Media Methods and Training maybe should come back, because it does speak to a certain “expertise”.
Interactive / GUI is also good stuff…people sort of understand what that is.

Maybe Productivity / Workflow has to go (I just want to keep it to 3 things visually, which is why I dropped it).

Maybe I change the bullets to + signs, and then productivity / workflow is sort of implied by “information graphic designer”.

4. Mark said on 08/22/2006 03:59AM...

I agree. Solid Productivity/Workflow traits are instrinsic to an expert Methods/Training/Info Designer consultant.

5. Chase said on 08/22/2006 05:14AM...

The new card design looks great.

To ask a boring, technical question. How did you print them? Did you use a MS Word template from Avery? Illustrator/Photoshop? I just purchased a pack of similar cards (laser jet version), but it appears as though there is not an available blank template.

thanks.

6. Dave Seah said on 08/22/2006 05:44AM...

Mark: Thanks for the feedback!

Chase: I just measured my template and created some guides in Illustrator. The business card dimensions are exactly 3.5 x 2 inches, and centered in the middle of an 8.5 x 11 page, 10 to a sheet. It’s a little easier to set up if you turn of guide-locking and type in the coordinates directly into the Illustrator coordinates panel. Avery used to supply these templates years ago, but I have since been unable to find them.

I then dump the illustrator file to press-quality PDF, and print that unscaled to my printer (Illustrator is a little funky when it comes to non-postscript printers, but Acrobat Reader handles them a little more straightforwardly).

7. y0mbo said on 08/22/2006 07:40AM...

Thanks for taking the time to document your process and thoughts about your card design.  Its great to see how a designer goes through the iterations and why things get changed.

Your cards looked great before.  Now they’re even better.

8. Papilia said on 08/22/2006 08:08AM...

Just a small comment - most business cards have a landscape format, and most office supplies for storing business cards are in a landscape format. If you have a layout that is not like that, it will be very annoying to read your card once it is in whatever storing device the client uses. At least that is my experience with business cards.

9. Travis Vocino said on 08/22/2006 08:41AM...

I’ve been playing with some personal “Travis Vocino” business card designs myself.  One little issue I keep facing is the url.  I don’t know if I like the “http://” in front, but just the domain itself seems lacking.  I considered putting a “web:” in front, such as you would a “tel:” or “fax:”.  Making it “www.” would look a little nicer probably but the www is so depreciated and I always hated it.  I even remove the www from my url when you visit my site with it.

Such a dilemma!

10. Dave Seah said on 08/22/2006 11:21AM...

y0mbo: Glad you enjoyed seeing the process. I thought people might find it interesting, and maybe even find some fault with it. That would be great to trigger a discussion.

Papilia: That’s an excellent argument…I considered it, but decided I liked the impact more than the usability. Though, maybe it is a good idea to print the BACK of the card in a business card rolodex-friendly manner. All function, no nonsense?

Travis: I know exactly what you’re talking about…I am not a fan of http:// or www. I will use www if I can use that to get away from http://, if it streamlines the look (The Printable CEO forms use the www, which is shorthand pretty much for ‘website’). I originally had www.davidseah.com, but appearing just below the email address it looked funny. So I added the http:// and it seemed to help. You would think that most people would “get” that if you see a .com address, to go check out the website, but I find you really actually do have to spell it out…THERE IS A WEBSITE. A while ago I tried dropping the URL altogether, thinking people would see the “davidseah.com” email address and then intuitively know that there was a site, but this didn’t end up being the case. I’m not quite happy with what I have, but I’m not worried too much about it.

11. Tomislav said on 08/22/2006 11:59AM...

Great work David, I like it.

Does anyone know of a business card design gallery? Where you could get inspiration by looking at some creative designs. :) something like the css galleries.

12. Travis Vocino said on 08/22/2006 01:54PM...

Tomislav: I often go to Flickr and search “Business Card” as people (including David and I) post their business card designs whenever they have something new to show off.

13. Todd said on 08/22/2006 02:53PM...

So David, what printer do you use?  I am always interested in what tools people use to get good quality prints.

also, off topic, I am narrowing down the tools from our previous conversation (re. task management and GTD) I’ll post on that thread with what I come up with.

14. peninah said on 08/22/2006 03:41PM...

thank you for the advice regarding the bleeding! it’s why i didn’t go live with that generation of my cards… and am currently stuck with the horrid dribble i have. lots of great ideas.. let’s see what i can do (and i owe you email, i’m buried)

15. Dave Seah said on 08/22/2006 04:26PM...

Tomislav: I was going to say what Travis said! Lots of neat cards. Also, next time you’re at the bookstore, look for graphic design books in the art section. There are annual collections of the best identity work, business cards, annual reports, etc. If you can hit the library and look for back issues of the Communication Arts annuals, there are often a lot of good things there too.

Todd: I use this to print. So far, like it a lot!

Peninah: Yeah, post your card when you’re ready!

16. Spacedman said on 09/24/2006 09:58PM...

I feel really sorry for that poor dot all on its own on the right while the other two dots snuggle up on the left… Why did it have to be a sad story? :)

17. David Wallace said on 10/30/2006 05:27AM...

Are there any business card formats out there that put 12 cards in a 3x4 format on landscape paper rather than the 2x5 format on portrait?  I want to double up folding cards and the standard format is rather wasteful.

Perhaps a portrait business card format that I print on sideways would work.

18. Dave Seah said on 10/30/2006 10:29PM...

Spacedman: I’m glad someone can see the story :-)

David W: I’ve sometimes used 2:1 ratio cards, which are thinner than regular business cards but the same length. The regular business card size is 3.5 by 2 inches; using 3.5 x 1.75 cards, you can squeeze 12 cards on.

I’ve never seen a 3x4 card template from Avery, though there are products like this online card maker and this card cutter machine

19. alice said on 11/13/2006 09:20AM...

“Avery used to supply these templates years ago, but I have since been unable to find them”

here you can download templates for illustrator

http://www.avery.co.uk/uk1/downloads/template.jsp

Page 1 of 1 pages
BBCode is supported for text formatting. Example: [b]bold[/b], [url=http://davidseah.com]my link[/url].
I will delete blog spam on sight.

Name: if not a personal name, comment will be deleted

Email:

Location:

URL: If looks like spam, comment will be deleted

Remember my personal information

Notify me of follow-up comments?

Submit the word you see below:


<< Back to main

Thank you for printing this article! Please note that all material on this website is copyrighted by either David Seah or individual comment contributors. To request permission for republication and distribution, please contact David Seah (http://davidseah.com/contact).