How To Create A Great Web Design CV and Résumé?

Advertisement

The economy is bad. No one’s job is really 100% safe, so it’s time we all bucked up and got our recession bags packed (just in case!). Your portfolio is already gorgeous, but have you created a drool-worthy résumé?

This flimsy one-page document is more important than many people think: the résumé is the first portfolio piece that potential employers see, and if they’re not impressed, chances are they won’t look at the rest of your portfolio. “But I’m not a print designer!” you moan. It doesn’t matter, and I don’t want to hear your excuses! You need to conquer this, because if you’re a great Web designer, you don’t want your first impression to be mediocre.

The Steve Stevenson Challenge

Everyone likes a competition. How about one in which ten good Web designers have to design the same résumé in only a few hours? Meet Steven Stevenson.

Steven Stevenson, a fictional Web designer, doesn’t have a résumé. The competition: each designer must translate his work experience, education and interests into their own unique style. Watch and learn, people. At the end is a summary of good tips for Web designer résumés. (If you’re interested in taking the challenge yourself, check out misterstevenson.com1 for all the rules these designers followed, Steven Stevenson’s raw data and the chance to add your own entry.)

And in no particular order, here are the contestants’ entries!

Contest Entries

Sam Brown2 made a real effort to distinguish between the three main components of Steve Stevenson’s life and adds a touch of personality with some handwritten text and highlighting. He shows he isn’t afraid to mix media but manages to do so in an elegant, fun way.
Download the PDF3 | Download the source file (.ai)4

Screenshot5

Ali Felski6‘s design is beautiful and simple, but manages to convey Steve Stevenson’s strong design skills. Her usage of colour is muted, but appropriate, and she’s left out a lot of extra information that could clutter up this one page document. Ali is also aware of the boundaries of the medium. She says, “A résumé should be designed well, but just like the Web, it has constraints, and even as designers, we should respect them.”
Download the PDF7 | Download the source file (.eps)8

Screenshot9

Chris Spooner10 opts for a purely typographic, clean design that showcases his ability to display information without the need for adornment. Clean design is a skill that Steve Stevenson may possibly need should he be looking for a corporate Web design job, in which case he’d need to present something simple and professional.
Download the PDF11

Screenshot12

Niamh Redmond13 makes Steve Stevenson’s résumé stand out by choosing a landscape-style document with well-divided content and good branding. Niamh says about her design: “My aim was to design something in which each element served a function. Every shape and line, the colors and their use, the font variations and text sizes were chosen to communicate something to the reader.”
Download the PDF14 | Download the source file (.eps)15

Screenshot16

Eva-Lotta Lamm17 chose to keep her résumé simple and typographic: “The only illustrative element is Steve’s little logo (playing with the nice alliteration of his first and last name). It is repeated as a small blue dot to separate different section sin the résumé.” The result is a beautiful, yet simple piece, which is easy to follow.
Download the PDF18

Screenshot19

Sarah Parmenter20 goes with a solid yellow background and a very prominent photo of Steven Stevenson (who is quite cute!). She breaks up the copy and puts emphasis on his freelance work.
Download the PDF21 | Download the source file (.ai)22

Screenshot23

Wez Maynard24 has simplified the information and given it lots of room to breath. His design could easily be used as a Web design. He’s also given a lot of space and prominence to branding and has effectively separated the freelance work from the work experience.
Download the PDF25

Screenshot26

Luc Pestille27 has added some great imagery without making it unprintable. He’s allowed spaces for a photo and company logos, and he brings in arty spray-painting. While most likely inappropriate for a corporate work environment, it is playfully suited to a funkier job opportunity.
Download the PDF28 | Download the source file (.ai)29

Screenshot30

Ollie Kav31 chose to use Steve Stevenson’s love of Japanese culture to organize his résumé. These personal touches give the CV a huge dose of personality, which would give employers something interesting to speak with him about in the interview. “I’ve based the design on the signage in the Tokyo subway stations, which has bright bold colors,” Ollie says. This boldness makes for a resume that shows Steve Stevenson’s confidence and passion.
Download the PDF32 | Download the source file (.indd)33

Screenshot34

Albert Lo35 has broken an important rule by making his résumé virtually unprintable. But he has also organized the information very differently: chronologically, with awards, skills and work all intertwined, just as they would be in real life. Albert says his inspiration came from listening to house and trance; his colors and illustration really communicate the type of designer he is.
Download the PDF36

Screenshot37

You can download all of these entries in a handy ZIP file38 (5 Mb). Thanks to all designers for their participation!

10 Useful Tips For A Great Résumé Design

Let’s now take a look at some useful ideas and guidelines that – in our humble opinion – may help you to achieve a great, compact and beautiful CV.

1. Make It a Summary

Your résumé needs to tell an employer (at a quick glance) the details most relevant to him or her. This means the whole thing should fit on one page! If you’re a Web designer, keeping it short and punchy is even more important. Sure, writing for Web is different than writing for print, but by showing your potential employer that you can keep things concise, you are actually showcasing an important Web skill. Besides, you need to leave something to talk about in the interview!

2. Keep It Simple and Understandable

When designing a CV, remember first and foremost that you are a designer, but don’t go overboard. Many people over-design their résumé. It’s a chronic problem: they’ll add so many fancy bits that the actual content gets lost. Most design jobs are all about your ability to organize content, so simplify, simplify, simplify!

But that doesn’t mean boring either. “Simple doesn’t mean simplistic; simple is hard to achieve,” says Niamh. Remember that you are applying for a design job, not to become a managerial assistant or to compete in an art college creativity competition.

3. Leave Some Details Out

Some people include their entire life history and every personal detail on their résumé. Your job as a clerk at the corner store 10 years ago won’t ever get you a job in Web design. Mentioning it only takes focus away from your relevant work experience. Keep your marital status, age and grades off, too. What if a potential employer wants to see your grades? Wez Maynard offers some great advice about this: “If the employer wants to judge you on your grades and not your portfolio, believe me, you do not want to work for them.”

4. Make It Perfect

You are a professional, so attention to detail is critical. Everything on your CV should line up, every pixel should be absolutely perfect. And even though the job is not to be a writer, a large proportion of employers throw away résumés with spelling or grammatical mistakes in them. By making it perfect, you are showing potential employers that you aren’t sloppy and that you will care about every detail of their projects. Get 10 people who can spell to look it over. Just do it.

5. Use a Grid

Over and over, Web designers scream about “the grid.” Why is the grid so important for a Web designer’s résumé? If you’re applying for a design job, the employer will most likely have an understanding of grids and baseline grids. “If you’re not using a grid, you run the risk of giving the impression that you don’t have an understanding of basic design principles,” Olliekav warns us. For those employers with no design background, grids make your résumé look cleaner and more organized.

6. Make It Printable

When working on designs for websites, you are allowed to have dark, moody and texture-heavy backgrounds. They look fantastic on your browser, but they are simply inappropriate for résumés. Most CVs are printed out and given to hiring managers in batches, but not everyone has a photo-quality color printer; and, without contrast, your background-heavy résumé will become illegible.

So make sure your résumé

  1. matches the paper size for your country (letter size for the US and A4 for the UK, for example), so that employers don’t have to make any adjustments before printing,
  2. has a white background,
  3. looks okay in black and white,
  4. will print well at 300 dpi. The best way to avoid a pixelated result is to create a PDF with embedded fonts.

7. Link to Your Online Projects

Displaying URLs for your projects is crucial. If the employer will be viewing the résumé as a PDF, link the URLs back to your portfolio (using anchors if it is very long) or the projects themselves. Here’s39 how to create links in a PDF document.

(Many of the designers in the Steve Stevenson challenge noted that they would have done this, but because the applicant is fictional, the links wouldn’t have gone anywhere!)

Once your résumé is printed out, it should serve as a quick reference for potential employers to check out your projects. So, spell out the URLs alongside your project descriptions. You don’t need the http://www at the beginning of each URL, though.

8. Don’t Use a Template

A little inspiration here and there never hurt anyone. But imagine you submitted a résumé and it was the exact same as someone else’s? Gosh, would your face be red. If you are a Web designer, you probably wouldn’t want to use a template for your portfolio website either. Take some time and think about the impression you want to make: I bet it isn’t that you can enter data into a template.

9. Update it often

Résumés are an often neglected aspect of a web designer’s portfolio. Make sure you update it every time you update your portfolio and make it accessible from your portfolio.

10. Show Your Personality

You are a designer, so I hope you have your own style. Steve Stevenson, from his interests, sounds like an interesting guy. Olliekav used his love of Japanese culture to give his résumé a personal touch without going overboard. If the job you’re applying for requires a lot of creative thinking, the employer wants to know you’re not a pixel pusher or a drone. Let them know you have personality, a sense of humor and a sense of style.

Bonus: If You’re Going to Break the Rules, Do It Well

Albert’s resume is completely unprintable, but it’s also absolutely beautiful. If you’re going to take risks like this, make sure you’re willing to alienate a few haters en route to more creative employers who will appreciate your ability to think outside of the box. Always make sure you’re aware of the rules, and break them cautiously. Done right, you’ll shine from the crowd.

The résumé is an oft-neglected piece of the Web designer’s portfolio. Make sure you update yours every time you update your portfolio, and make it accessible from your portfolio.

(al)

Footnotes

  1. 1 http://www.misterstevenson.com
  2. 2 http://sam.brown.tc/
  3. 3 http://www.smashingmagazine.com/images/design-cv-resume/sam_brown.pdf
  4. 4 http://www.smashingmagazine.com/images/design-cv-resume/sam-brown.ai
  5. 5 http://www.smashingmagazine.com/images/design-cv-resume/sam_brown.pdf
  6. 6 http://alifelski.com/
  7. 7 http://www.smashingmagazine.com/images/design-cv-resume/ali_felski.pdf
  8. 8 http://www.smashingmagazine.com/images/design-cv-resume/alex_felski.eps
  9. 9 http://www.smashingmagazine.com/images/design-cv-resume/ali_felski.pdf
  10. 10 http://www.blog.spoongraphics.co.uk/
  11. 11 http://www.smashingmagazine.com/images/design-cv-resume/chris_spooner.pdf
  12. 12 http://www.smashingmagazine.com/images/design-cv-resume/chris_spooner.pdf
  13. 13 http://www.niamhredmond.org/
  14. 14 http://www.smashingmagazine.com/images/design-cv-resume/niamh_redmond.pdf
  15. 15 http://www.smashingmagazine.com/images/design-cv-resume/niamh_redmond.eps
  16. 16 http://www.smashingmagazine.com/images/design-cv-resume/niamh_redmond.pdf
  17. 17 http://www.evalotta.net/
  18. 18 http://www.smashingmagazine.com/images/design-cv-resume/evalotta_lamm.pdf
  19. 19 http://www.smashingmagazine.com/images/design-cv-resume/evalotta_lamm.pdf
  20. 20 http://www.youknowwhodesign.com/
  21. 21 http://www.smashingmagazine.com/images/design-cv-resume/sarah_parmenter.pdf
  22. 22 http://www.smashingmagazine.com/images/design-cv-resume/sarah_parmenter.ai
  23. 23 http://www.smashingmagazine.com/images/design-cv-resume/sarah_parmenter.pdf
  24. 24 http://www.krop.com/wezmaynard
  25. 25 http://www.smashingmagazine.com/images/design-cv-resume/wez_maynard.pdf
  26. 26 http://www.smashingmagazine.com/images/design-cv-resume/wez_maynard.pdf
  27. 27 http://www.project14.co.uk/
  28. 28 http://www.smashingmagazine.com/images/design-cv-resume/luc_pestille.pdf
  29. 29 http://www.smashingmagazine.com/images/design-cv-resume/luc_pestille.ai
  30. 30 http://www.smashingmagazine.com/images/design-cv-resume/luc_pestille.pdf
  31. 31 http://www.olliekav.com/
  32. 32 http://www.smashingmagazine.com/images/design-cv-resume/ollie_kav.pdf
  33. 33 http://www.smashingmagazine.com/images/design-cv-resume/ollie-kav.indd
  34. 34 http://www.smashingmagazine.com/images/design-cv-resume/ollie_kav.pdf
  35. 35 http://www.albertlo.com/
  36. 36 http://www.smashingmagazine.com/images/design-cv-resume/albert_lo.pdf
  37. 37 http://www.smashingmagazine.com/images/design-cv-resume/albert_lo.pdf
  38. 38 http://www.smashingmagazine.com/images/design-cv-resume/cv-pdfs.zip
  39. 39 http://www.ehow.com/how_9665_create-links-pdf.html

↑ Back to top Tweet itShare on Facebook

Kat Neville is a freelance Canadian web designer (living in the UK) who is constantly coming up with too many ideas for new websites. She also loves arts and crafts, gardening and going on adventures. You can find her design work at safetygoat.co.uk.

Advertisement
  1. 1

    Roselia Colucci

    May 19, 2011 7:47 am

    I’m curious to find out what blog platform you’re utilizing? I’m having some small security issues with my latest website and I would like to find something more risk-free. Do you have any suggestions?

    0
  2. 152

    Now that’s a handy collection of resumes! I Personally preffer the Niamh Redmond’s and Albert Lo’s resumes, because they succeeded in creating colorful and full of style resumes , which look professional, by the way.

    0
  3. 303

    thanks

    0
  4. 454

    Thankzzzzzzzzzz,

    itz very help full tips

    0
  5. 605

    Thanks for nice share! CV & resume are so important with first impression of employer.
    Very usefull and informative tricks !!!
    tim viec

    1
  6. 756

    I understand why there are some that feel as if these CV are too crazy and you should only put your CV into a boring word document. This is 2011 and designers need to stand out from other designers and be heard. Employers look at several CVs everyday and they only take a few minutes and then move on. Every job I have applied to accepts .pdf format. For a long time I felt the same way and wasn’t sure if I had to design my CV because I am a web designer so I created a simple normal resume. I recently had an interview with a recruiter that told me I need to make my resume stand out more because I AM a designer. Just remember not to go over the top.

    Thanks for the article! It was great help!

    1
  7. 907

    Really good article, This will change my CV, im graphic designer from sri lanka work in dubai. you can see my work in my web
    shamilakasun.info pls give me some comments

    thank you***

    0
  8. 1058

    Great post.

    0
  9. 1209

    Thanks. great article , very helpful for me

    0
  10. 1360

    WOnderfull work : D

    0
  11. 1511

    Very nice examples ! Check mine redniitas.com/wp-content/uploads/2011/05/resume2.pdf

    0
  12. 1662

    Nice post. Here’s a handy list of free web design tools to create polished website styles and web app designs
    blog.caspio.com/web_apps/free-web-design-tools-to-style-your-website/

    0
  13. 1813

    Super like to this post :)))

    0
  14. 1964

    Great article. Sorry for being pedantic, but I have just did what a potential employer may do, in that I viewed Albert Lo’s resume creation and then lost interest and hit the back button.

    I have scanned the posts here and found that his resume is referred to a few times and that people like it. Are people looking at the design and not the content?

    What I’m talking about, is that, in over 3 years, no one has mentioned or alluded to the fact that throughout his resume, he has spelled “Responsibilities” as “Resposibilities”! (Even as I type this, the auto correct detects the spelling mistake)

    I know it’s only a fictitious resume, but keeping to point 4 of the article:

    “You are a professional, so attention to detail is critical. Everything on your CV should line up, every pixel should be absolutely perfect. And even though the job is not to be a writer, a large proportion of employers throw away résumés with spelling or grammatical mistakes in them. By making it perfect, you are showing potential employers that you aren’t sloppy and that you will care about every detail of their projects. Get 10 people who can spell to look it over. Just do it.”

    – I just simply lost interest immediately and had this been a real submission for a job or a real submission for a competition award, then it would be binned.

    Sorry again, I’m just nit-picking.

    But, yes, this article is an interesting one and I find it useful that the person with a certain web design skill set, should let it spill over into their resumes. Cover every niche to maximise your chances.

    1
  15. 2115

    Great article! Learned lots of useful tips!

    1
  16. 2266

    I just came across your article How To Create A Great Web Design CV and Résumé. I recently graduated (May 2013) from a small school (Troy University) w/ a B.S. in Computer Science. I know the CS scope is broad but I discovered whilst taking a class that web deving is what I want to get into. The problems Ive ran into is: 1.No work experience (as far as web deving is concerned) 2.No work experience 3. Troy U really isnt a renowned technological school. So what about a resume from a recent grad? How should that look?

    -1
  17. 2417

    Hello, I’m french designer.

    The best models of presentation to stand out 10 years of experience in graphic design and ergonomics to serve an essential communication tool. Find an internship, a job, improve your career. A resume is required to candidate for a job. Do to a huge amount of applications, we have made different models of high-impact resumes. A simple graphic design, elegant and chic for: Increasing your chances of being read, is increasing your chances of being seen and increasing your chances of being recruited. CV PRO Solutions: 30 seconds to make all the difference. …my new collection resume CV template are the last PRO CV models grouped in a small “launcher” Mac – include the template version for Microsoft Office Word X PC are Delivered in docx (MS Office Word X). Included : Modular, Futur Modular, French Fine, Fresh Futur, French Colors.

    Now available :
    http://procv.biz

    Best regards,
    Simon.

    0

↑ Back to top