69 Sexy Portfolio Designs To Inspire You


Today designing a unique, compelling portfolio has become a crucial task for designers, studios, companies and everyone whose business is on the Web. Not only does it help one stand out among the numerous competitors, but it is also a great tool for self-expression and demonstration of skills.

Now designers face new challenges in attracting the capricious web audience – a plain web page with a project list on it is out of date and boring, while fancy Flash websites with intricate navigation are annoying. Fortunately, despite all difficulties beautiful and artistic designs are appearing in an endless stream. Designers skillfully use all the benefits of the digital age and create websites that are rich in effects and eye-popping yet simple and accessible.

In this post you can see a collection of 69 new, ingenious and beautiful portfolio designs that will hopefully become a decent inspiration source for you. The collection includes both Flash and HTML websites, however all the designs are stuck to the balance of visual attractiveness and usability. Notice that every screenshot is clickable and leads to the website itself.

69 Exquisite Portfolio Website Designs

This By Them1
The portfolio of This By Them is done in cool retro style. Just look at these awesome graphics and regard for details! Neat accordion slideshow pattern enables to navigate the site at ease.


Nora Rose Travis3
Creative idea, contemporary style, exquisite implementation of clever JavaScript & CSS hooks make the portfolio of Nora Rose Travis look magical. And now a trick (not for the faint of heart!): open this design in IE6. See? Internet Explorer kills the design magic.


Carlos Cabrera5
This design successfully combines features of portfolio and online store. It provides easy accessibility and navigation; plus, featured works floating in the background deliver additional efficiency and visual appeal.


ThousandMinds 7
A super stylish dark web design with enjoyable navigation.


Alt Design9


A funky old-school design with a funny curious character running all through the website.


Huan David Perafan Baez13
A beautiful Flash website with horizontal navigation and amazing uninterrupted illustration in the background. The preloader is impressive here as well.


Sahar Design15


Attack of the Web17


Somos la pera limonera19


PSD to XHTML Conversion21


Flourish Web Design23






The Staff Republic29


N E P O M U K31






Moxie Sozo37






Johnny does43






friendly duck49


Richie Qilayout51


Loewy Design53


Nick Hand55
The portfolio of Alaska-based designer Nick Hand looks awesome with its vintage grunge background, sleek transition effects and transparent areas wrapped in dotted lines. Great example of one-page portfolio design.


Corking Design57
This beautifully dark website belongs to Daniel Cork, a web designer from Manchester, England. Nifty texture, elegant logo and typography implemented in this design are really striking.


Each section of this single-page portfolio has its own background texture and graphic elements that are interwoven very smoothly. Urban graphics at the bottom of the page unites all section designs and contains navigation bar and copyright info. Such design technique can be rarely seen today; it’s really beautiful and unconventional.


Mutant Labs61
Mutant Labs studio claims to be a new breed of media scientists. Well, the scientific experiment on their portfolio style was a success – we’ve got an original and tasty design.


Beside clean and simple layout, the portfolio of the creative agency Nosotros provides prominent data visualization and infographics.


While many websites in our collection integrate several elements that make up a beautiful design, Camellie’s portfolio highlights the only element that dominates the overall design theme. Splendid, original illustration is the very spice that makes this site look awesome.


Imaginaria Creative67 68
Beautiful textures, large typography in the backgrounds, warm colors and smooth transparency result in an exquisite website design.


Mika Mäkinen70
Although this website is Flash based, it won’t confuse you with cluttered interface and complicated navigation. Instead, it is straightforward and beautiful. Among the major features of Mcinen.net are liquid resolution, large-scale layout and wonderful photographic background on the main page. Excellent work!


Atomic Cartoons Inc.72
Wonderful single-page portfolio with vertical navigation. Atomic Cartoons did justice to themselves by featuring amusing illustrations throughout the website.


Toy.ny 74
This “toy” is really worth “playing” with. Sober colors and unobtrusive, minimal Flash animation which beautifully renders the typo, provide an enjoyable visual and content exploration experience.


Fat-Man Collective76
The portfolio of Fat-Man Collective is really something. The way this “lovely bunch of digital creatives” combines simple navigation, amusing Flash effects and original content presentation will win your sympathy immediately.


Project 36578
Light and clean one-page portfolio of Project 365 looks fresh and positive, mostly due to lovely doodle typo used in this design.


Filipe Carvalho80
Classy typography and good color management is what makes this portfolio design stand out.


Mikio Inose82
The portfolio of the Japanese interface designer Mikio Inose has a sleek, Apple styled design. Bright colors and wide space in the header, non-standard fonts in the post titles and one-column layout make this design unique.


Diego Latorre84 85
Sexy design of Diego Latorre’s portfolio won’t leave you cold. Here everything from textures to the smallest graphic element is about details. Nothing left hanging here, great work indeed.


Esteban Muñoz87
Neat black-and-white portfolio design is featured by original line-art illustration that sticks to your mouse cursor and can be moved around the bottom of the page.


Nouincolor 8990
Style, laconism, individuality.




Safarista Design94


Kashmir Creative96 97
The portfolio of Belgium business communication agency Kashmir Creative looks stylish and contemporary. Much of this is due to the choice of colors and a professional photo filling up the background of the site.


Kyle Steed99
The header of Kyle Steed’s portfolio is beautified by his own hand drawn font “Steed”.


Arteye 101




Synch Media105
A cool robot illustration and all this cheerful geometry make this design look positive and fresh.


Blue Pixel107


Daniel Kusaka109
Although personal portfolio of Brazilian graphic designer Daniel Kusaka is based on Flash, it loads fast and provides good content accessibility. Colorful clues chaotically stretched about the project gallery, as well as good work with thumbnail lighting, make this design look topnotch.


You may be confused with the navigation of this website at first, but you will quickly figure out how to get to the work gallery and the personal stuff of designer George Petrescu. This Flash-like motioned grid is developed by means of fancy jQuery.


Again, lots of awesome visual effects here and no Flash!


Joby 115


Kidd81 117
A big fun in this one. No doubt, this cartoonish, childlike design took some really adult skills to be done.


This design is everything but ordinary. As the guys from IAAH say, this site is meant to challenge the concept of space and how it is perceived within the browser window. Experimental layout may frustrate the advocates of simplicity and usability standards, but if you enjoy approaches that push the boundaries of web design, portfolio site of Iamalwayshungry studio will appeal to you.


Glasshouse 121
The portfolio of Cape Town based digital communication studio Glasshouse is beautiful, original and well developed.


Laureano Endeiza 123
This portfolio design offers a wide range of various options – you can switch between several design themes, filter displayed portfolio categories and read the site both in English and Spanish. Great!


Nide.inc 125
If grid layouts are classics of web design, this Japanese website is avant-garde, without fail.


HALO Creative Agency 127




Oscar Barber131




Fran Boot135


MopStudio 137
The border between originality and weirdness is rather fuzzy here. Perhaps it will take us, Western culture representatives, a few years to understand the delicate philosophy of Japanese web design.





  1. 1 http://thisbythem.com/
  2. 2 http://thisbythem.com/
  3. 3 http://www.norarosetravis.com/
  4. 4 http://www.norarosetravis.com/
  5. 5 http://www.carloscabrera.com.ar/
  6. 6 http://www.carloscabrera.com.ar/
  7. 7 http://thousandminds.com/
  8. 8 http://thousandminds.com/
  9. 9 http://www.alt-design.net/
  10. 10 http://www.alt-design.net/
  11. 11 http://www.puppetbrain.com/
  12. 12 http://www.puppetbrain.com/
  13. 13 http://www.juandavidperafan.com/
  14. 14 http://www.juandavidperafan.com/
  15. 15 http://www.sahardesign.com/
  16. 16 http://www.sahardesign.com/
  17. 17 http://www.attackoftheweb.co.uk/
  18. 18 http://www.attackoftheweb.co.uk/
  19. 19 http://www.somoslaperalimonera.com/index.html#
  20. 20 http://www.somoslaperalimonera.com/index.html#
  21. 21 http://www.xhtmlcssexpert.com/
  22. 22 http://www.xhtmlcssexpert.com/
  23. 23 http://www.floridaflourish.com/
  24. 24 http://www.floridaflourish.com/
  25. 25 http://www.koraykibar.com/
  26. 26 http://www.koraykibar.com/
  27. 27 http://daza.altervista.org/index.htm
  28. 28 http://daza.altervista.org/index.htm
  29. 29 http://thestaffrepublic.com/
  30. 30 http://thestaffrepublic.com/
  31. 31 http://www.nepomukworld.com/archive.php
  32. 32 http://www.nepomukworld.com/archive.php
  33. 33 http://www.bluebeetle.me/
  34. 34 http://www.bluebeetle.me/
  35. 35 http://designchapel.com/
  36. 36 http://designchapel.com/
  37. 37 http://www.moxiesozo.com/index.php
  38. 38 http://www.moxiesozo.com/index.php
  39. 39 http://www.newrafael.com/
  40. 40 http://www.newrafael.com/
  41. 41 http://perceptor.nl/
  42. 42 http://perceptor.nl/
  43. 43 http://johnnydoes.nl/
  44. 44 http://johnnydoes.nl/
  45. 45 http://www.gomedia.us/
  46. 46 http://www.gomedia.us/
  47. 47 http://www.karijobe.com/index.php
  48. 48 http://www.karijobe.com/index.php
  49. 49 http://www.bythepond.co.uk/
  50. 50 http://www.bythepond.co.uk/
  51. 51 http://qilayout.com/
  52. 52 http://qilayout.com/
  53. 53 http://www.loewydesign.com/
  54. 54 http://www.loewydesign.com/
  55. 55 http://www.nickhand.net/
  56. 56 http://www.nickhand.net/
  57. 57 http://corkingdesign.co.uk/
  58. 58 http://corkingdesign.co.uk/
  59. 59 http://www.creativethe.com/
  60. 60 http://www.creativethe.com/
  61. 61 http://mutantlabs.co.uk/
  62. 62 http://mutantlabs.co.uk/
  63. 63 http://www.nosotroshq.com/
  64. 64 http://www.nosotroshq.com/
  65. 65 http://www.camellie.com/
  66. 66 http://www.camellie.com/
  67. 67 http://imaginariacreative.com/
  68. 68 http://imaginariacreative.com/
  69. 69 http://imaginariacreative.com/
  70. 70 http://www.mcinen.net/
  71. 71 http://www.mcinen.net/
  72. 72 http://www.atomiccartoons.com/
  73. 73 http://www.atomiccartoons.com/
  74. 74 http://www.toyny.com/
  75. 75 http://www.toyny.com/
  76. 76 http://www.fat-man-collective.com/
  77. 77 http://www.fat-man-collective.com/
  78. 78 http://www.project365.co.uk/
  79. 79 http://www.project365.co.uk/
  80. 80 http://www.randomthoughtpattern.com/index.html
  81. 81 http://www.randomthoughtpattern.com/index.html
  82. 82 http://mikioinose.com/
  83. 83 http://mikioinose.com/
  84. 84 http://www.diegolatorre.com/
  85. 85 http://www.diegolatorre.com/
  86. 86 http://www.diegolatorre.com/
  87. 87 http://www.estebanmunoz.com/
  88. 88 http://www.estebanmunoz.com/
  89. 89 http://nouincolor.com/
  90. 90 http://nouincolor.com/
  91. 91 http://nouincolor.com/
  92. 92 http://25ah.se/
  93. 93 http://25ah.se/
  94. 94 http://www.safarista.com/
  95. 95 http://www.safarista.com/
  96. 96 http://www.kashmircreative.com/
  97. 97 http://www.kashmircreative.com/
  98. 98 http://www.kashmircreative.com/
  99. 99 http://kylesteed.com/
  100. 100 http://kylesteed.com/
  101. 101 http://www.arteye.com/
  102. 102 http://www.arteye.com/
  103. 103 http://whyisbox.com/
  104. 104 http://whyisbox.com/
  105. 105 http://synchmedia.com
  106. 106 http://synchmedia.com
  107. 107 http://bluepixel.net/
  108. 108 http://bluepixel.net/
  109. 109 http://www.danielkusaka.com/
  110. 110 http://www.danielkusaka.com/
  111. 111 http://www.garbage.ro/
  112. 112 http://www.garbage.ro/
  113. 113 http://www.pirolab.it/
  114. 114 http://www.pirolab.it/
  115. 115 http://www.joby.in/
  116. 116 http://www.joby.in/
  117. 117 http://www.kidd81.com/
  118. 118 http://www.kidd81.com/
  119. 119 http://www.iamalwayshungry.com/
  120. 120 http://www.iamalwayshungry.com/
  121. 121 http://www.glasshouse.co.za/
  122. 122 http://www.glasshouse.co.za/
  123. 123 http://www.laureanoendeiza.com.ar/
  124. 124 http://www.laureanoendeiza.com.ar/
  125. 125 http://nide.jp/
  126. 126 http://nide.jp/
  127. 127 http://www.haloagency.net/
  128. 128 http://www.haloagency.net/
  129. 129 http://joolz.fr/folio/
  130. 130 http://joolz.fr/folio/
  131. 131 http://www.oscarbarber.com/
  132. 132 http://www.oscarbarber.com/
  133. 133 http://www.efingo.ro/
  134. 134 http://www.efingo.ro/
  135. 135 http://www.narfstuff.co.uk/portfolio/
  136. 136 http://www.narfstuff.co.uk/portfolio/
  137. 137 http://www.mopstudio.jp/
  138. 138 http://www.mopstudio.jp/
  139. 139 http://www.paravelinc.com/
  140. 140 http://www.paravelinc.com/

↑ Back to top Tweet itShare on Facebook

Julia May is a freelance writer now working with FlashMint, the top-class provider of Flash templates.

  1. 1

    I don’t mind a “list post” from time to time, I wouldn’t have discovered these beautiful portfolio sites otherwise.

  2. 52

    it’s really awesome,i love them~~~

  3. 103

    Good list, I think there have been some stronger portfolio posts though. A few seemed to of been put in for the sake of it.

    Thanks for taking the time to give us these resources.

  4. 154

    Nice. I really enjoyed them. Especially since I am currently redesigning our site!


  5. 205

    Some of you lot have some pretty high expectations. I don’t expect to find every post useful from any blog. Smashing catures for a wide audience.

    I enjoy these posts from time to time

  6. 256

    Great inspirations

  7. 307

    wow very nices webpages sure i got inspiration!!

  8. 358

    Step1: Enter random css gallery
    Step2: Select from Category: Portfolio
    Step3: ???

  9. 409

    Wow today Im surpised, great collection

  10. 460

    69 Sexy Portfolio Designs To Inspire Me?
    Are you joking?

    Only one not bad screenshot here is Flourish, but after i checked their website and found there ugly 5 works at all, i was finally inspired…

    Most of those sites are pretty bad. So logically that list can inspire only such bad designer as bad this list is.

    • 511

      Uh ok… how ‘great’ is your design work? Can we see? No offence, but you should show more respect to your fellow designers… If you are a designer at all.

      • 562

        Ok let me go in some css gallery copy few links from the Portfolio category as Tobias said and post a amazing article in my blog and all world say how cool my blog is!

  11. 613

    Too nice to have my site included in this list of other “sexy” portfolios. ^__^ Thanks Smashing.

    If you know Italian visit my free weekly blogstrip about graphic design TeknoSauri.aC (teknosauri.blogspot.com) ;P

  12. 664

    great post my favorite are
    Flourish Web Design, Diego Latorre

    Best regards

  13. 715

    Great looking websites, but how about SEO, cross-browser support, backwards compatibility to older browsers, mobile support, screen reader support, etc…

    I bet that if I visit these site with Lynx all I see is some basics and missing 50% of the real content (especially the designer sites).

    Never the less, great list.

  14. 766

    Hi, thanks for including our website in this awesome list, we are honored.

    Kind reagrds, the Johnnydoes crew.

  15. 817
  16. 868

    69 Sexy Portfolios — that’s cute. I knew a wordplay like that could only come from a freelance writer.

  17. 919

    Very nice stuff!!
    Great articles @ SM!

    A few days i found a very nice portfolio concept!

    check this!


  18. 970

    gr8 post :)

  19. 1021

    inspiring indeed, awaiting for the next post avec impatience

  20. 1072

    I am extremely disappointed after looking at the first design. This design looks cluttered

  21. 1123

    People are complaining now about this? SM has been like this forever.

  22. 1174

    a great list, thanks!

  23. 1225

    Very great post. Thanks so much!

  24. 1276

    Thank you for adding pirolab.it,
    it’s always nice to be on an online magazine like this.


  25. 1327

    Thanks for adding the 365 site and many thanks for the great feedback we have received.


  26. 1378

    Anyone else sick of seeing this intro blurb on websites?

    “Hello, my name is ______, I’m from ______ and I design ______, ______ and ______.”

    Personally I think anyone who uses this format should be automatically disqualified from lists such as these.

    • 1429

      People who post these kinds of replies should be banned immediately, as they do not contribute anything to the community. (no offence, just my opinion)
      If you have done your Smashing Magazine reading, you would have known these short introductions “Hello, I am Bla bla, I do this and that…” is a great way to introduce yourself and let your visitors – in a split second – know what they can expect from the website and who they are dealing with, especially for designers and other people who work as an individual.

      • 1480

        Actually Emmanuel is right…

      • 1531

        Well, that’s your opinion.

      • 1582

        I agree that short snappy introductions are a perfect way to let the visitor know what to expect from the website, however the English language is beautifully versatile and it isn’t hard to come up with something slightly more original.

        Also, overreact much? Ban me for voicing my opinion? Please.

      • 1633

        The ‘banning’ part is just sarcasm. In reply to you saying something about disqualification… ;-) No offence meant.

  27. 1684

    There are some good examples here. I’ve been looking for ways our firm could update our site.

  28. 1735

    This is an interesting collection of sites, and I know from experience that scouring the web for sites that have been designed with skill and passion can be hard work. Unfortunately, this list contains a large number of sites that, whilst often looking cool or flashy, are a long way from being navigationally intuitive, accessible, cross-browser compliant, and which degrade gracefully when Javascript and Flash are not available.

    Take for example the Nora Rose Travis site. This is a beautiful clean design, but the rollovers could have been implemented with CSS instead of Javascript. The links still work without Javascript, but the image rollovers don’t appear.

    Another example is the Thousand Minds site. It looks great, but try bookmarking one of the ‘pages’. Even copying the link from the menu doesn’t work (http://thousandminds.com/#panel-3 for example).

    The Sahar Design site is good, until you try and view the portfolio without having Javascript enabled. The scroll buttons don’t work without it.

    I have not had chance to look at all the sites in detail, but I think it’s fair to say that not enough of the websites listed achieve the right balance of visual attractiveness and usability.

  29. 1786

    “That’s the beauty of articles like this. i may hate the stuff you like. i would rather have a ton of sites to skim through until one worth my attention catches my eye, instead of having four, of which i may like zero.”

    To that author and the author of similar messages, I have to respectfully disagree. Good design is not subjective! Even if two people don’t like the style of a site, they can usually agree if the design works or not. While I don’t mean to imply that you didn’t put hard work into this article, these could have easily been taken out of anyone’s bookmarks, delicious feed, etc.

    I, too, would much prefer a very strong critique. “The portfolio of Belgium business communication agency Kashmir Creative looks stylish and contemporary. Much of this is due to the choice of colors and a professional photo filling up the background of the site.” says nothing if you really pick it apart. Does a “professional photo” really make a site contemporary? More important is to answer “why” rather than simply the “what”. Tell me how the specific imagery emphasizes the overall theme, or how certain design elements contrast against the use of type. Be specific and show that you are a credible source when talking about design. I promise you that you will get a better response than simply “great post!” or “excellent examples! thx for the inspiration!”

    • 1837

      Dude, this is an “inspiration list”, NOT a best practice analytical article. The title is not “69 tips for designing the best portfolio website and examples”.
      But I agree it would be better to say “why” rather than “what”, but this is not in the context of this article. The inspiration here can be interpreted differently by different people. We don’t see any explanation of projects in websites like TheFWA too. Another example: At a museum, when you are looking a painting, would you need an explanation text of it? Yes, maybe a title, but the purpose of inspiration is to interprete it yourself. No, an explanation is not always needed. To be short: In my opinion, this article serves as a collection of well designed portfolio websites and is effective as is… But of course, I respect your opinion too.

  30. 1888

    I’m sorry, I’m going to have to be a critic, not of the art, but of the grammar. This is a quote from the Qilayout layout, as an example of what I’m talking about. (Sorry to Qilayout, not intending to hone in on you, several of the layouts had similar debaucheries.)

    Welcome to Qilayout, I am currently a multimedia student
    that indulge in everything design especially in layout
    and web-design. I am available for freelance work.
    feel free to take a look at my works.

    There are so many grammatical errors in that, it makes my head hurt. I mean this in a loving and constructive way, the art work on all the layouts is beautiful, but you must have the brains to present yourself well.

    • 1939

      I agree. As I studied communication it was interesting to look at the difference of literature writing and grammar and media. I guess depending on which one you are trying to strike is the difference.

  31. 1990

    Was really inspired looking at these sites, thanks SM.

    I love skimming quickly through sites like this as I get to work on some really really really boring projects so I welcome an explosion of great design and inspiration once in a while!!

  32. 2041

    Thank you for adding Kashmir Creative ^-^

    We love Smashing Magazine ^-^


  33. 2092

    I find the the words “69” and “sexy” pretty uninspired, especially in the same sentence. Overall nice list, though.

  34. 2143

    Design Inspiration at its best – I think it’s time for me to redo my portfolio.. AGAIN

  35. 2194

    You never allow us to say ENOUGH. It’s More then Enough to Say THANK YOU for such a wonderful resources..Every time.

    All the Best to your Team.

  36. 2245

    Wow a lot of passion here. That’s one good thing going on here. SM is usually a great spot for resources and I appreciate all the hard work that goes into the postings. But, I have to say I was also disappointed from this posting. I don’t find myself inspired by these designs, as there are only a handful that do anything for me. All of these sites have their great qualities, but I don’t see greatness or magic in any of them. Just my opinion.

    • 2296

      Show us what is magic for you … please!!
      There’s always something more to learn in life.

  37. 2347

    Maybe you can add mine too in next collection http://ionutpopescu.com

    Thanks for sharing!

  38. 2398

    Thanks for the article, SM. I’ve definitely been inspired!

  39. 2449

    Wow, nice one, thank you for the mention and the endless inspiration!

  40. 2500

    Wowzers. Great stuff. Lots of talent and creativity out there!

  41. 2551

    Why do people can’t help themselves in talking crap? This is awesome either way! Superb portfolio!

  42. 2602

    well… daza site (http://daza.altervista.org/index.htm) is so… 98…. and it is in SM?? WTF??

  43. 2653

    Ionut = spammer

  44. 2704

    Don’t you think http://www.kreative.net.in is also inspiring and cool?

    • 2755

      No, it kreative. net is not inspiring nor cool… IMO is a piece of shit, the same flash interface since years, anyone can do it… and it is even worse… you are FROM kreative… and you are self-promoting… OWNED!

  45. 2806

    this site is very good and helpful

  46. 2857

    Carlos Ríos Garabito

    January 4, 2010 8:09 am

    Diseños arriesgados, creativos, hasta lúdicos pero así es la inspiración…

  47. 2908

    I only looked through a handful and to be honest, not particularly impressed. Some of the designs are quite good but don’t belong on a website. This drives me mad! Attack web and mika makinen for instance, I hate websites that slide around all over the place, plus if your going to put an anchor at sections, why not allow the user to return somewhere! Usability clearly not a thought here and albeit these are portfolio websites, these just look like graphic designers let loose on a web page!

  48. 2959

    Nice list! Hopefully AnthonyCerreta.com will be able to join the group someday… :)

  49. 3010

    I was really hoping for some stand out designs in here. A site, or a few, with polish, elegance and great UX. I am disappointed. Many of them have great elements, but fail due to sloppy implementation and lack of overall refinement.

    I suppose this is an “Inspiration” list and less of a “Best of” list. Even still, I’m used to better selections from SM.

  50. 3061

    Great job, you can also see aramediatech.com


↑ Back to top