10 Steps To The Perfect Portfolio Website

Advertisement

You may have a personal portfolio website for a number of reasons. If you’re a freelancer, then you’d need one to showcase your work and allow people to contact you. If you’re a student (or unemployed), then you’d need one to show prospective employers how good you are and what you can do, so that they might hire you. If you’re part of a studio, then you might use one to blog about your design life, show people what you’re doing and build your online presence.

A personal portfolio website is all about promoting you. You are a brand, and your name is a brand name. No one is going to know about your brand unless you get it out there; and if you’re a Web designer, developer, writer, gamer or any other type of creative, then it’s essential that you have a good portfolio website.

You may want to take a look at the following related articles:

What makes for a good personal portfolio website?

1. Logo

Your logo is usually the first thing a user sees. In the Western world, we read from left to right, top to bottom, so it makes sense to put your logo in the top left of your website so that users can immediately identify who owns the website.

It doesn’t necessarily have to be your name, but if you’re trying to promote yourself online, then it’s a good idea to go by your name. And always link your logo to your home page. It’s a common convention that users expect online.

3
Mohit goes by the alias of CSS Jockey.

4
Jason Reed uses a signature-style logo of his name.

2. Tagline

Once the user sees who owns the website, they’ll want to know what it is you do. This is where you explain what you do with a tagline. Your tagline should be short and snappy, summarizing what you do.

Things to ask yourself when writing your tagline:

  • What are you? A designer? A writer? A developer?
  • What do you do? Design websites? Develop games?
  • Where are you from? Country? City?
  • Are you a freelancer or do you work for a studio? Are you looking for work?

tag2.jpg5
Sarah Longnecker makes it clear that she puts together videos and is good at it.

3. Portfolio

This is a personal portfolio website after all, so your portfolio will determine whether the website is interesting or not. People will want to see your previous work to decide whether you’re good or not and for general interest, to see what you’ve been up to in the past.

Depending on what you do, your portfolio should contain big high-quality images, clearly accessible to the user. Always include a link to the live version of the website you worked on, and link your screenshot to the live version (another common convention that people expect). Include a short description for each project, including the different skills that you needed to complete the project.

It’s never a bad idea to get a testimonial from a client. Your visitors might also be interested in the stages of development for your projects and how you arrived at the final outcome.

6
Leigh Taylor displays nice clear screenshots of previous work and indicates what software was used during development.

4. Services

Your tagline summed up what you do, but you’ll want to go into a bit more detail here about each service that you offer. You can’t expect potential clients to guess what you do based on your portfolio, and you don’t want to leave them wondering whether you offer a particular service or not.

Make it clear, and break it down: Web design, development, video, copywriting, branding, etc. You may want to be even more specific: corporate branding, church website design, Flash banner ads and so on.

7
Chris Spooner clearly indicates the services he offers for both print and Web.

5. About me

It’s all about you. Let people see the man or woman behind the mask (i.e. website). Share your background, where you came from, how many years you’ve been in the business, etc. The more details you give, the better your users can form a bond and build trust with you.

If you’re not camera-shy, show a picture of yourself. This will give potential clients peace of mind by allowing them to see who they’re dealing with, and it adds an element of trust.

Don’t be afraid to show off your awards and recognition here. You want people to know you’re good at what you do.

8
Chikezie Ejiasi shows us a photo of himself and even lets us know how to pronounce his name.

6. Contact

This is one of the most important elements of a portfolio website but is often hidden or even neglected. A potential client has browsed your website, is impressed with your portfolio and can see who you are. Now they want to hire you.

Your contact information should be obvious and easy to access; don’t hide it in the footer. Let people know they can contact you for a quote or a chat. Use a form to make it easier for users to contact you (so that they don’t have to take down your email address and then open up their email manager). A form also allows you to ask for specific information, such as name, email address, website URL, details of inquiry.

9
Stuart Johnston offers clear contact details throughout his website but also provides an easy-to-use contact form.

7. Blog

A blog is always a good idea. Blog about your area of expertise; show you know what you’re talking about. It will help promote you and prevent your website from lying static.

Let people follow you by subscribing to an RSS feed, and show off your most popular blog posts to new readers.

Be sure to enable comments for feedback. Don’t make users register to add a comment to your blog, and don’t use anti-spam Captcha software, which only turns people off from commenting. There are plenty of anti-spam plug-ins available that don’t require users to do extra work.

10
Chris Wallace uses his blog about Web design-related topics to help out other people in the industry and to engage in discussion.

8. Call to action

Ask yourself what you want to get out of your personal portfolio website. Do you want to be hired? Attract more blog readers? Maybe you just want people to know who you are.

Each page should have a call to action, a “Next step.” The best way to accomplish this is with a “call to action” button that is clear and stands out from the rest of the page. Link it to your blog, portfolio or contact page, and use appropriate language (e.g. “Hire me,” “Request a quote,” “View my portfolio”).

11
Matthew Brown’s call to action is a contrasting button that stands out from the rest of the website.

9. Use social networking websites

Now that people have an interest in you and your work, encourage them to follow you on other websites. Make it clear that they can follow you on Twitter, Facebook, Flickr, LinkedIn, etc. Make the most of social networks and have a group of friends to call on if needed.

12
Sam Brown offers clear links to other websites he uses, allowing us to stalk him.

10. Language and communication

How you conduct yourself is important. Remember, it’s a personal portfolio website, so be personal. You don’t need to sound like a corporate brand with no emotion. Be friendly and personal, but also clear and precise; don’t ramble. Once you write all the text for your website, read it again and see if you can cut it in half.

13
Marius Roosendaal uses a relaxed and friendly tone on his website.

Other tips:

  • Let people know where you’re from. This is always interesting to know, and some clients prefer to work with people nearby or in the same time zone.
  • Validation is important, especially for Web designers. If you’re going to be building professional websites for clients, then your own website’s code should at least be valid14.
  • Link images, not just text. Most people will click on images, expecting them to point somewhere.
  • If you don’t have any previous clients for your portfolio, create a WordPress theme, design an icon set, develop a Twitter mashup, etc. You have a lot of possibilities, and there’s a big difference between having one project to show in your portfolio and having none.

40+ beautiful personal portfolio websites

Robbie Manson15

Screenshot16

F. Claire Scroggins17

Screenshot18

Timothy van Sas19

Screenshot20

Ole Martin Kristiansen21

Screenshot22

Maru Velázquez23

Screenshot24

Chikezie Ejiasi25

Screenshot26

Miki Mottes27 (Flash)

Screenshot28

Jakub Krcmar29

Screenshot30

Mopa31

Screenshot32

Chris J. Lee33

Screenshot34

Pedro Lamin35

Screenshot36

Cartonblanc37 (Flash)

Screenshot38

Leigh Taylor5939

Screenshot40

Alex Coleman41

Alex Coleman42

Sarah Longnecker43

Sarah Longnecker44

Toby Powell45

Toby Powell46

Jay Hafling47

Jay Hafling48

Elliot Jay Stocks49

Elliot50

Tony Geer51

Tony Greer52

Marius Roosendaal53

Marius Roosendaal54

Ryan O’Rourke55

Ryan O'Rourke56

<img /> is everything (Phil Thompson)57

Img Is Everything58

Leigh Taylor5939

Leigh Taylor60

Design Me (Marek Levak)61

Design Me62

Matt Dempsey63

Matt Dempsey64

Brad Candullo65

Brad Candullo66

Andre Augusto67

Andre Augusto68

Rob Hawkes69

Rob Hawkes70

Magnus Jepson71

Magnus Jepson72

Corking Design (Daniel Cork)73

Corking Design74

Evan Eckard75

Evan Eckard76

Alexandru Cohaniuc77

Alexandru Cohaniuc78

Miles Dowsett79

Miles Dowsett80

Andrew Bradshaw81

Andrew Bradshaw82

Shannon Moeller83

Shannon Moeller84

Vitor Louranco85

Vitor Louranco86

Mark Dearman87

Mark Dearman88

Wong Yeng Kit89

Wong Yeng Kit90

Chris Wallace91

Chris Wallace92

Spoon Graphics (Chris Spooner)93

Spoon Graphics94

Fabiano Meneghetti95

Fabiano Meneghetti96

Mark Wallis97

Mark Wallis98

Chris Morris99

Chris Morris100

Paiko (Heiko Brömmelstrote)101

Paiko102

Conan Robbins103

Conan Robbins104

Henry Jones105

Henry Jones106

Winnie Lim107

Winnie Lim108

Greg One (Gregoire Hoin)109

Greg One110

Mark Hadley111

Mark Hadley112

David Appleyard113

David Appleyard114

Design Moves Me (Roy Vergara)115

Design Moves Me116

Brian Murchison117

Brian Murchison118

Mike Precious119

Mike Precious120

Digital Deceptions (Duncan)121

Digital Deceptions122

Chirag Solanki123

Chirag Solanki124

Jason Reed125

Jason Reed126

Johnston North (Stuart Johnston)127

Johnston North128

Penflare Designs (Sean Farrell)129

Penflare Designs130

Nine Lion (Chikezie Ejiasi)131

Nine Lion Design132

Brian Wilkins133

Brian Wilkins134

Jason Santa Maria135

Jason Santa Maria136

David Hellmann137

David Hellmann138

Guillaume Pacheco139

Guillaume Pacheco140

Dave Lam141

Dave Lam142

Luke Stevens143

Luke Stevens144

James Lai145

James Lai146

Alessandro Cavallo147

Allesandro Cavallo148

CSS Jockey (Mohit)149

CSS Jockey150

Kerry Nehil151

Kerry Nehil152

Darren Hoyt153

Darren Hoyt154

Matthew Brown155

Matthew Brown156

Digital Mash (Rob Morris)157

Digital Mash158

The Things We Make (Mike Kus)159

The Things We Make160

Ed Merritt161

Ed Merritt162

What do you expect to see on a good personal portfolio website?

Anything important we’ve missed? What would make the difference between your deciding to hire someone and deciding against it?

Further reading:

(al)

Footnotes

  1. 1 http://www.smashingmagazine.com/2008/03/04/creating-a-successful-online-portfolio/
  2. 2 http://www.smashingmagazine.com/2008/11/26/50-beautiful-and-creative-portfolio-designs/
  3. 3 http://www.cssjockey.com/
  4. 4 http://www.jasonreedwebdesign.com/
  5. 5 http://sarahlongnecker.com/
  6. 6 http://www.leightaylor.co.uk/
  7. 7 http://www.spoongraphics.co.uk/
  8. 8 http://www.nineliondesign.com/
  9. 9 http://www.johnstonnorth.com/contact
  10. 10 http://www.chris-wallace.com/
  11. 11 http://www.thingsthatarebrown.com/
  12. 12 http://sam.brown.tc/
  13. 13 http://www.mariusroosendaal.com/
  14. 14 http://validator.w3.org/
  15. 15 http://www.robbiemanson.com/
  16. 16 http://www.robbiemanson.com/
  17. 17 http://www.vanityclaire.com/
  18. 18 http://www.vanityclaire.com/
  19. 19 http://www.incg.nl/
  20. 20 http://www.incg.nl/
  21. 21 http://www.piraja.no/portfolio/
  22. 22 http://www.piraja.no/portfolio/
  23. 23 http://leetside.com/
  24. 24 http://leetside.com/
  25. 25 http://www.nineliondesign.com/
  26. 26 http://www.nineliondesign.com/
  27. 27 http://www.mikimottes.com/
  28. 28 http://www.mikimottes.com/
  29. 29 http://www.jakubkrcmar.cz/
  30. 30 http://www.jakubkrcmar.cz/
  31. 31 http://www.estudiomopa.com/site/?lang=en
  32. 32 http://www.estudiomopa.com/site/?lang=en
  33. 33 http://www.beta.chrisjlee.net/
  34. 34 http://www.beta.chrisjlee.net/
  35. 35 http://www.pedrolamin.com.br/2008/
  36. 36 http://www.pedrolamin.com.br/2008/
  37. 37 http://www.cartonblanc.com/
  38. 38 http://www.cartonblanc.com/
  39. 39 http://www.leightaylor.co.uk/
  40. 40 http://www.leightaylor.co.uk/
  41. 41 http://alexcoleman.net/
  42. 42 http://alexcoleman.net/
  43. 43 http://sarahlongnecker.com/
  44. 44 http://sarahlongnecker.com/
  45. 45 http://www.toby-powell.co.uk/
  46. 46 http://www.toby-powell.co.uk/
  47. 47 http://www.jayhafling.com/
  48. 48 http://www.jayhafling.com/
  49. 49 http://elliotjaystocks.com/blog/
  50. 50 http://elliotjaystocks.com/blog/
  51. 51 http://www.tonygeer.com/
  52. 52 http://www.tonygeer.com/
  53. 53 http://www.mariusroosendaal.com/
  54. 54 http://www.mariusroosendaal.com/
  55. 55 http://ryan-orourke.com/
  56. 56 http://ryan-orourke.com/
  57. 57 http://imgiseverything.co.uk/
  58. 58 http://imgiseverything.co.uk/
  59. 59 http://www.leightaylor.co.uk/
  60. 60 http://www.leightaylor.co.uk/
  61. 61 http://www.designme.sk/
  62. 62 http://www.designme.sk/
  63. 63 http://www.mattdempsey.com/
  64. 64 http://www.mattdempsey.com/
  65. 65 http://www.bcandullo.com/
  66. 66 http://www.bcandullo.com/
  67. 67 http://blog.andreaugusto.com.br/
  68. 68 http://blog.andreaugusto.com.br/
  69. 69 http://rawkes.com/
  70. 70 http://rawkes.com/
  71. 71 http://www.jepson.no/
  72. 72 http://www.jepson.no/
  73. 73 http://corkingdesign.co.uk/
  74. 74 http://corkingdesign.co.uk/
  75. 75 http://www.evaneckard.com/
  76. 76 http://www.evaneckard.com/
  77. 77 http://www.alexcohaniuc.com/
  78. 78 http://www.alexcohaniuc.com/
  79. 79 http://milesdowsett.com/
  80. 80 http://milesdowsett.com/
  81. 81 http://andrewbradshaw.com/
  82. 82 http://andrewbradshaw.com/
  83. 83 http://www.shannonmoeller.com/
  84. 84 http://www.shannonmoeller.com/
  85. 85 http://www.vlourenco.com/
  86. 86 http://www.vlourenco.com/
  87. 87 http://www.markdearman.com/
  88. 88 http://www.markdearman.com/
  89. 89 http://www.kitfolio.com/
  90. 90 http://www.kitfolio.com/
  91. 91 http://www.chris-wallace.com/
  92. 92 http://www.chris-wallace.com/
  93. 93 http://www.spoongraphics.co.uk/
  94. 94 http://www.spoongraphics.co.uk/
  95. 95 http://fabiano.me/
  96. 96 http://fabiano.me/
  97. 97 http://www.markwallis.ie/
  98. 98 http://www.markwallis.ie/
  99. 99 http://www.chris-morris.net/
  100. 100 http://www.chris-morris.net/
  101. 101 http://www.paiko.de/
  102. 102 http://www.paiko.de/
  103. 103 http://conanrobbins.com/eng/
  104. 104 http://conanrobbins.com/eng/
  105. 105 http://henryjones.us/
  106. 106 http://henryjones.us/
  107. 107 http://winnielim.com/
  108. 108 http://winnielim.com/
  109. 109 http://www.gregone.com/
  110. 110 http://www.gregone.com/
  111. 111 http://markhadley.com/
  112. 112 http://markhadley.com/
  113. 113 http://davidappleyard.net/
  114. 114 http://davidappleyard.net/
  115. 115 http://designmovesme.com/
  116. 116 http://designmovesme.com/
  117. 117 http://www.brianwebdesign.com/
  118. 118 http://www.brianwebdesign.com/
  119. 119 http://mikeprecious.com/
  120. 120 http://mikeprecious.com/
  121. 121 http://digitaldeceptions.ca/
  122. 122 http://digitaldeceptions.ca/
  123. 123 http://www.chiragjsolanki.com/
  124. 124 http://www.chiragjsolanki.com/
  125. 125 http://www.jasonreedwebdesign.com/
  126. 126 http://www.jasonreedwebdesign.com/
  127. 127 http://www.johnstonnorth.com/
  128. 128 http://www.johnstonnorth.com/
  129. 129 http://penflare.com/
  130. 130 http://penflare.com/
  131. 131 http://www.nineliondesign.com/
  132. 132 http://www.nineliondesign.com/
  133. 133 http://brianwilkins.net/
  134. 134 http://brianwilkins.net/
  135. 135 http://jasonsantamaria.com/
  136. 136 http://jasonsantamaria.com/
  137. 137 http://www.davidhellmann.com/
  138. 138 http://www.davidhellmann.com/
  139. 139 http://www.gpacheco.fr/
  140. 140 http://www.gpacheco.fr/
  141. 141 http://www.designedbydave.ca/
  142. 142 http://www.designedbydave.ca/
  143. 143 http://lukestevensdesign.com/
  144. 144 http://lukestevensdesign.com/
  145. 145 http://jameslaicreative.com/
  146. 146 http://jameslaicreative.com/
  147. 147 http://www.alessandro-cavallo.de/
  148. 148 http://www.alessandro-cavallo.de/
  149. 149 http://www.cssjockey.com/
  150. 150 http://www.cssjockey.com/
  151. 151 http://kerrynehil.com/
  152. 152 http://kerrynehil.com/
  153. 153 http://www.darrenhoyt.com/
  154. 154 http://www.darrenhoyt.com/
  155. 155 http://www.thingsthatarebrown.com/
  156. 156 http://www.thingsthatarebrown.com/
  157. 157 http://digitalmash.com/
  158. 158 http://digitalmash.com/
  159. 159 http://www.thethingswemake.co.uk/
  160. 160 http://www.thethingswemake.co.uk/
  161. 161 http://www.edmerritt.com/
  162. 162 http://www.edmerritt.com/
  163. 163 http://www.webdesignerdepot.com/2008/12/10-characteristics-of-excellent-portfolio-sites/
  164. 164 http://designm.ag/inspiration/portfolio-sites/
  165. 165 http://www.smashingmagazine.com/2008/03/04/creating-a-successful-online-portfolio/
  166. 166 http://www.smashingmagazine.com/2008/11/26/50-beautiful-and-creative-portfolio-designs/
  167. 167 http://www.leemunroe.com/web-design-trends-call-to-action-signup-download-buttons/

↑ Back to top Tweet itShare on Facebook

Lee Munroe is a freelance web designer from Belfast. You can see his other writings on web design on his blog.

Advertising
  1. 1

    Thanks a lot. A very useful post. I’m missing a bit some more portfolios of female deasigners. And yes, I’d like to see a “what inspires me” site with favourite links as “role model” ideas as sometimes you cannot work on what your higher goals are. But I guess this could link to your favourite blog posts.

    Tanja burgdorfer alias mayari

    1
  2. 102

    I think one of the most important aspects of this is to use social networking tools. Very important.

    0
  3. 203

    thnks dood, this couldnt have come at a better time i’m right in the middle of making mine now…

    1
  4. 304

    Ummmm… where to begin?

    1. Logo. Sure. Whatever. Why not the middle? Hell, one of my favorite portfolios has it on the upper right. You’re a designer, you should be able to make anything look good.

    2. Tagline. Good idea, but for fuck’s sake don’t start out your introduction with ‘Howdy’ or ‘Hi there!’ You are not there, and your clients are probably not from the southwest.

    3. Portfolio. Yes yes yes yes, clear, high-quality images and active links only.

    4. Services. Tacky, but probably good for SEO – don’t use fucking checkmarks for christ sake though.

    5. About me. Location is always useful to know, but unless you are very attractive keep your terrible, trendy haircut off your potential client’s screen.

    6. Contact. Your e-mail address and number should be right there on your home page. Anything else is pretty superflous. Contact form pages are not only a hallmark of a bygone era where webmail barely existed but they are unreliable. Let people compose and autosave their shit in gmail.

    7. Blog. No. No. No, unless your blog is your portfolio/recent work. Your clients don’t care how you make rounded corners as long as they work.

    8. Call to actions are for banner ads, not your fucking book.

    9. Social Network Profiles. Same thing as your haircut. Probably not very interesting, and really doesn’t do much visually for the page.

    10. Copywriting is an extremely overlooked part of web design, as shown by this article and this example. Under no circumstance, should you ever say ‘What’s up?’ in your portfolio, and “web standards” is two words.

    -1
    • 405

      Ah, Gordon – I agree with everything you say but the contact form, I still think it is a nice element to have, might make it easier for people to add comments quickly.

      Showing off the portfolio as a blog is probably the best use for the blog. I you can add broad vision creative ideas once in a while, that might get plus points as well..

      I also agree with the note on Copywriting – David Ogilvy’s books, as well as others like him are highly recommended by me, I read them daily…

      0
    • 506

      Glad someone said it. Most of this is trendy garbage. Developers are wasting their time filling these areas when they could be putting out mind-blowing work. I’m probably still in that group.

      Contact forms are still gold for my clients, although my own forms aren’t too meaningful.

      0
  5. 607

    Thanks for the awesome post!

    0
  6. 708

    Holy crap. This is all wrong.

    I’m not visiting any one of those websites, and I’d never work with any of those people. Why? Because they’re trying to wow me with their website – not their work/thinking, they’re all the same website essentially (same formula), and every single one of those websites are the result of trends and not thinking. Differentiation and great work is key. Let’s please understand this now.

    -3
  7. 809

    Well done… these articles continue to inspire my design work. great work!

    0
  8. 910

    Hello SM,

    Today i am very happy and Thank you lot accepted me as your eligible user of you site. and Its such an honor to be here.

    Thanks for all the comments

    @Chikezie Ejiasi :- Thank you so much you like my site as well your site also gr8 and creative look

    My Blog is : http://www.cjscreativemall.com/

    Thanks again SM

    0
  9. 1011

    Please use “Go to Top” link just above the contact form, it’ll be convenient to your visitors.

    0
  10. 1112

    @Gordon – I agree.

    0
  11. 1213

    Fantastic article!

    0
  12. 1314

    @Gordon fair comments and I just don’t coincide with you at #7 and #8.

    I think it’s very important to have references, and in the case you target being contracted by a client or a creative agency, it’s nice to show, in some way, you have them. Here that ‘friends links’ I was talking about (93) also suits.
    Of course it depends on the content you put at your blog. If I wanted to contact a designer for a comissioned work or as a partner in some project, I’d love to see more of his creative process, and maybe know further about his experience dealing with clients, getting into visual communication events, posting interesting news and discussions concerning his field and so on… it would surely show me he enjoys what he does and keeps increasing his references. And, as Lee Munroe says, “prevent your website from lying static”.

    A portfolio I ended up visiting on daily basis was Fabien Barral’s Graphic Exchange. I might have visited his portfolio once or twice but what made me put a link at my bookmark bar was the great quality of the references he posts and how often he updates it. Once in a while he posts personal work, besides the fixed link, and I’m sure he has many many loyal users like me taking a look at it when he does.

    I also like the way Bosque, for example, puts some personal pictures at their site. They write literaly ‘Life’ at the menu, even already having a blog linked, and present random pictures of people, personal work and everyday images and fun. The client looking at that may like it or not, but if he does like and hire them I’m sure the workflow will suit their personality much better than if the client haven’t seen it before.

    And the ‘Call to actions’, working as a ‘next step’ was the most relevant topic this post bought to me! I definetely put it in consideration now on.

    0
  13. 1415

    Here’s another good web designer portfolio site to check out- http://www.jeremyamaral.com

    0
  14. 1516

    AWSOME! really cool article!

    0
  15. 1617

    10 Steps To The Perfect Portfolio Website infrench here -> http://blog.gaborit-d.com/10-etapes-pour-un-site-portfolio-de-qualite/

    0
  16. 1718

    Great post very inspiring

    0
  17. 1819

    Amazing portfolios, im building my own.

    I love design, but what about when you have to include some dynamic content to your page, enough to be important but no so bigger to be used like a blog?

    Whats your favourite CMS or news script to add dynamic content to your pages?

    Lets work together designers of the world! :)

    0
  18. 1920

    This is why I don’t suggest people hire “designers” because the best work they will ever do is their own portfolio. Case and point, all the examples were of web designers. Ever think that more than web designers use the Internet or care about design? Get out of your bubble once in awhile.

    0
  19. 2021

    Incredible article!

    0
  20. 2122

    very useful, thanks. and so clearly chunked down. very good work!

    0
  21. 2223

    Thanks very much for showcasing my site. I feel very proud to be featured.

    0
  22. 2324

    just don’t forget that the main idea is to show your work to others

    0
  23. 2425

    some great examples.

    0
  24. 2526

    Jakob T Asmussen

    March 3, 2009 5:04 am

    Great sites!
    A piece of advice: Some of you are proudly stating that your sites are validated XHTML, CSS, etc. Unfortunately some of these designs also break in Internet Explorer 7, which is still the most commonly used browser out there.
    Idealism is good, but pragmatism is what most companies need, to keep all of their users happy (non geeks included). Make the nescessary hacks for IE, and Bob’s your uncle.

    0
  25. 2627

    Thanks! I have to complete a portfolio website by next week in class, you guys always seem to release the best articles!

    0
  26. 2728

    115: Blair
    This is why I don’t suggest people hire “designers” because the best work they will ever do is their own portfolio. Case and point, all the examples were of web designers. Ever think that more than web designers use the Internet or care about design? Get out of your bubble once in awhile.

    Interesting. Who then, would you suggest a professional, image conscious company should hire to design a website if not a graphic/web designer?

    0
  27. 2829

    Great Stuff.
    Really gives Inspiration. Thanks!

    0
  28. 2930

    Maybe, just maybe….next time? Ah never mind!

    Portfolio site

    0
  29. 3031

    @Gordon, haha, i can see why your such an angry man, thats a lot of big talk and advice from a man who’s own website is so poor, and desperately trying to be different and trendy.
    Get a life

    0
  30. 3132

    Gamer??

    “and if you’re a Web designer, developer, writer, gamer or any other type of creative, then it’s essential that you have a good portfolio website.”

    Confused, not sure what type of portfolio site a gamer would have. But, I confuse easily. Nice writeup ;)

    0
  31. 3233

    I’m a bit surprised by some of the negative comments… I will agree that people don’t always agree what is a good design, and personal tastes will vary. Some of the points seem to follow current trends, but often these are trends because they work and are good ideas.

    “115: Blair
    This is why I don’t suggest people hire “designers” because the best work they will ever do is their own portfolio. Case and point, all the examples were of web designers. Ever think that more than web designers use the Internet or care about design? Get out of your bubble once in awhile.”

    I would hope that a designer’s portfolio would be some of the best work they do — it’s one of their most vital selling points. Who is going to hire a web designer whose personal site doesn’t leave a good impression?

    Thanks for the links Smashing Mag, I used a couple of these when I redesigned my portfolio earlier this year.

    0
  32. 3334

    I’m I already followed most of this advice but it sure would have been easier had this blog been here 2 years ago!

    0
  33. 3435

    I don’t care what Gordon says, these are great tips for those that are still learning and need a bit of help understanding what to add on their website. Great article!

    0
  34. 3536

    Absolutely agree with Benjamin, I don’t understand the negative comments, design is so subjective. A portfolio should reflect the deisgner creating it, most of the designs in his/her portfolio often are directly influenced by the client, so the portfolio is a good vehicle to stamp your own mark/style, all the design decisions made are made yourself without any influence or direction from the client, hopefully resulting in a piece of work that is truly your own.

    0
  35. 3637

    Elektra vosburgh

    March 6, 2009 3:40 pm

    I am so glad you have this posting. My portfolio website needs a major face lift. This article sparked some inspiration to start changing my website and is a great aid in doing so. Thanks!

    0
  36. 3738

    What if you have multiple talents? I mean, you want to show what you’re best, the trade you’ve learned but you still want to show that you have learned on your own other styles, mediums, or types whether it’s in the arts or not.

    0
  37. 3839

    I tried clicking on designmovesme site and was warned of a virus within the website. Just wondering if anyone had the same issue?

    0
  38. 3940

    We would like to get your website on first page of Google. All of our processes use the most ethical “white hat” Search Engine Optimization techniques that will not get your website banned or penalized. Please reply and I would be happy to send you a proposal.

    0
  39. 4041

    Template Library

    April 27, 2009 12:43 am

    Great Collections..

    0
  40. 4142

    super awsome ideas deffffffffffffffff liked the one ps. email me some more cause my computer broke down

    0
  41. 4243

    Very Very good Site yaar, Just Amazing portfolios

    0
  42. 4344

    Great Inspiration for my own portfolio site, Thank You

    0
  43. 4445

    Very useful tips. I enjoyed reading your post. Thank you.

    0
  44. 4546

    Thanks a lot, I’m redesigning my website right now and this is pure gold. (:

    0
  45. 4647

    WoooooooooooW

    0
  46. 4748

    i love horizontal portofolio site

    0
  47. 4849

    EXTREMLY useful! I love this post, thank you very much!
    I can now start thinking of making a portfolio on a good base. :)

    0
  48. 4950

    very nice thread. great examples of some beautiful work.

    for those designers who are less saavy with programming and design, deviantart offers its own free portfolio tool now. it offers enough customization for the sophisticated user, but adheres to the simplicity that art buyers look for when reviewing thousands of sites in a day.

    love to get everyone’s feedback on the set-up wizard and the design:
    portfolio.deviantart.com

    0
  49. 5051

    The FREAKIN BEST thing I’ve ran into so far!!!

    So simple, very informational, perfectly composed!!!

    Thumbs UP!!!!

    PUURFECT!!!

    0
  50. 5152

    Thank you very much for such a useful post. I’ve been looking all over trying to gather research for my new portfolio site and this article has proved very helpful.

    0

↑ Back to top