Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

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 Link

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 Cabrera
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 5
A super stylish dark web design with enjoyable navigation.


Alt Design7


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


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


Sahar Design11


Attack of the Web13


Somos la pera limonera


PSD to XHTML Conversion15


Flourish Web Design17






The Staff Republic23








Moxie Sozo29






Johnny does35






friendly duck41


Richie Qilayout43


Loewy Design45


Nick Hand47
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 Design49
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 Labs53
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 Creative59 60
Beautiful textures, large typography in the backgrounds, warm colors and smooth transparency result in an exquisite website design.


Mika Mäkinen62
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 are liquid resolution, large-scale layout and wonderful photographic background on the main page. Excellent work!


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


Toy.ny 66
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 Collective68
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 365
Light and clean one-page portfolio of Project 365 looks fresh and positive, mostly due to lovely doodle typo used in this design.


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


Mikio Inose70
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 Latorre72 73
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ñoz75
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 7778
Style, laconism, individuality.




Safarista Design82


Kashmir Creative84 85
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 Steed87
The header of Kyle Steed’s portfolio is beautified by his own hand drawn font “Steed”.


Arteye 89




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


Blue Pixel93


Daniel Kusaka95
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 101


Kidd81 103
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 107
The portfolio of Cape Town based digital communication studio Glasshouse is beautiful, original and well developed.


Laureano Endeiza
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!

endeiza 109
If grid layouts are classics of web design, this Japanese website is avant-garde, without fail.


HALO Creative Agency 111




Oscar Barber115




Fran Boot119


MopStudio 121
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.




Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78
  79. 79
  80. 80
  81. 81
  82. 82
  83. 83
  84. 84
  85. 85
  86. 86
  87. 87
  88. 88
  89. 89
  90. 90
  91. 91
  92. 92
  93. 93
  94. 94
  95. 95
  96. 96
  97. 97
  98. 98
  99. 99
  100. 100
  101. 101
  102. 102
  103. 103
  104. 104
  105. 105
  106. 106
  107. 107
  108. 108
  109. 109
  110. 110
  111. 111
  112. 112
  113. 113
  114. 114
  115. 115
  116. 116
  117. 117
  118. 118
  119. 119
  120. 120
  121. 121
  122. 122
  123. 123
  124. 124
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Julia May is a freelance copywriter and digital marketing consultant who's been helping great teams (TemplateMonster, MotoCMS, Onyx) implement great ideas since 2009.

  1. 1

    First! Nice examples.

  2. 2

    a great list, thanks!

  3. 3

    Hi, Nice collection and thanks to include my website!!

    Glad you like it Julia & SmashingMag Staff ;)

  4. 4


    November 24, 2009 7:38 am

    Ha, great number of sexy portfolios. Analytics will be interesting.

  5. 5

    wow, great work, thank you, it makes think over and pushes to create something special of your own.

  6. 6

    Some great stuff, I usually always find people dont promote themselves well enough through websites. With all the potential of web, people often fall into this ‘square grid of thumbnails’ style, and designers with great work and top clients make it hard to find that out.

    Importantly, a site should reflect your style of design and be your unique place, but I feel its important to be on some collective sites to show yourself alongside other designers.

  7. 7

    thanks for a great collection!

  8. 8

    Oh… I’m jealous :(

  9. 9

    75% of the images do not load, and I don’t think the problem is on my side :(

    • 10

      Lots of good designs here (rethink my portfolio re-design)… but as above lots of the images are failing to load..

      • 11

        Smashing Editorial

        November 24, 2009 9:55 am

        All images are loading properly. Can you please send us your screenshot at editor at smashingmagazine dot com?

      • 12

        I just refreshed the page and the images were there! Nice collection. Very inspirational! Thanks!

  10. 13

    Very nice portfolios! If you need some more “Portfolio-Inspiration” don’t miss (International) Webdesign Portfolios – Be inspired ( from Hungary, Croatia, Netherlands, Columbia, Bolivia, etc… )!

  11. 14

    Seriously, who can take the effort to really do more than skim thru these when there are so many. Even if all are wonderful, going thru that many is just a pain in the ass and you lose interest at about 10-15 and even those before that don’t get the attention they deserve.

    I’d rather see Smashing Magazine pick the cream of the crop and present just a handful of outstanding ones than 100 good ones.

    Just saying, most people probably read lots of other feeds that also do this kind of thing from time to time. I’d really love to check all of them in detail but never find the time or place for it when there’s so much of it so I just skim a few and then close the page.

    • 15

      totally agree

    • 16
    • 17

      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.

      plus it allows us to see in a larger picture what every one else is doing, that way we can continue to be innovative.

      then again it’s not like you had to skim through this articale at all much less look at every single one.

      Great post! i’m very glad to see a list of fresh sites on smashing…

  12. 18

    Nice portfolio roundup. Hopefully I’ll make the list someday!

  13. 19

    It’s amazing how many of us are out there.

  14. 20

    What’s the font on friendly duck?

    • 21

      The typeface used at the top is Archer. It’s a Hoefler & Frere Jones typeface. The typeface used for the dynamic titles down below is Rockwell. The body copy is made up of Georgia Bold Italic and Georgia Regular.

  15. 22

    Awesome! Totally made it onto a Smashing Magazine list!

    Thanks Julia!

    PS. I run NewSugar magazine which you can all enjoy for FREE here:


  16. 23

    Looks like a modified version of rockwell

  17. 24

    Id have to agree with kasakka – why not choose maybe 10 of the best and elaborate on them a little more, why 69?

  18. 25

    Wow, this site is losing its credibility, fast.

    • 26

      Smashing Editorial

      November 24, 2009 9:59 am

      Credibility? Could you please be more specific, Todd? What exactly do you mean?

      • 27

        The commenter after me explains it well enough. You are a site that takes great efforts to excel ahead other design sites, and does it well. Carpet-bombing readers with screen-captures of other sites with very little explanation and theory about what makes them great (or not so great) offers no insight and encourages others to simply “do what they’re doing”.

        I would also expect a level of maturity from this site. The title of this article sounds like something that belongs at

      • 28

        I agree with Todd, these “___ Sexy Portfolio Designs” articles seem like filler content until someone has something worthwhile to say. It feels like every “Top 20” article and “50 Awesome Tutorial” list just cheapens the web design community. I love SM for the original content and valuable advice, but I have to roll my eyes at every list you put out.

        Obviously, just an opinion. I’m sure there are plenty of people who come here only for the lists.

      • 29

        Smashing Editorial

        November 24, 2009 11:29 am

        Thank you guys, your opinion is very important to us. We weill know better for the next time.

  19. 30

    Gosh, these “X number of great sites” posts are getting old. Trim it down, man, and explain why you think certain portfolios are better than others.

    • 31

      Smashing Editorial

      November 24, 2009 10:00 am

      Actually, many screenshots do have a description that explains what makes the designs special. We thought it was a good compromise to offer a large portion of inspiration and at the same time mention some interesting ideas that we’ve found on these sites.

      • 32

        Great post. I don’t understand the criticism here. Let me get this straight: Todd, Chris and Jesse are incapable of thinking for themselves and need Smashing to explain design? It really is a privilege to view the work of competitors in this convenient context. Obviously the boys need to stop looking at other designers’ work and concentrate on coming up with an original thought. Good luck.

      • 33

        “Obviously the boys need to stop looking at other designers’ work and concentrate on coming up with an original thought.”

        You just described yourself. Priceless.

      • 34

        I agree with Chris. Coming up with original thought and thinking for ourselves is exactly what this post doesn’t preach. I don’t understand your argument, Todd Perlee.

      • 35

        Here’s my argument: Professional designers do not need to be spoonfed design theory by critics. You seem to want someone to tell you what’s good and what’s not–even critics prefer you to think for yourself. You should have the capacity to make this judgement having gone to a legitimate design college. When a designer is chronically searching for design samples online and complains that they don’t understand what they are looking at because it’s too much, it tells me that you are researching to plagiarize because you don’t have the design background to analyze for yourself. You should be celebrating these sites and Smashing for pulling them together or adding to the design conversation.

      • 36

        “When a designer is chronically searching for design samples online and complains that they don’t understand what they are looking at because it’s too much…”

        We have been saying the opposite. We are coming here to learn new techniques, observe new ideas. NOT search for design samples. We just said we want LESS design samples. Our argument about them not providing design theory and such on the sites they list, is that we think it’s a bit of a cop out to just list sites.

        Please actually read what we are writing before insulting us, saying we are amateur designers with inferior backgrounds to yours.

  20. 37

    Design Informer

    November 24, 2009 10:05 am

    I like the post. Thanks for the inspiration! Too bad you didn’t feature my site? jadgraphics dot net – Well, maybe next time.

  21. 38

    Some good, some bad. Didn’t really expect an average quality post from smashingmag.

  22. 39

    Wow – really cool to have my site included in this list of other really great sites. Thanks Julia/Smashing.

  23. 40

    Neil Victor Grey

    November 24, 2009 10:06 am

    I’m so close to not reading @smashing anymore and that’s a shame because I used to love this magazine. How many times have you guys featured the Project 365 home page in your articles over the last month?! I’ve seen over half of the sites from this article in so many other “my favorite portfolio’s” lists (and usually with at least a solid description/critique for each). @smashing has much more potential than this — there are already a pile of great “best portfolio” sites out there like @fwa and BestWebGallery who specifically focus on that niche.

    All I’m saying is I come here to read and learn; lately I feel like I’m not the only one concerned about the lack of new & interesting content presented on @smashing.


  24. 41

    Can never get enough inspiration so it’s always good to have some quality fresh roundups and see whats going on :)

  25. 42

    Michael Chanter

    November 24, 2009 10:49 am

    Diverse collection of portfolio sites – great resource and source of inspiration – thanks!

  26. 43

    I kind of agree with some of the other commenters…

    SM is quickly becoming a “## (top|best|awesome) [subject]” sites…

  27. 44

    Great portfolio designs, I like the different styles and the balance between experience and usability.
    And thanks for featuring Puppetbrain! :) Keep up the great work Smashing Magazine!

  28. 45

    Love ’em, especially Nick Hand’s

  29. 46

    Andy Feliciotti

    November 24, 2009 11:23 am

    Awesome list of inspiration, really liked Flourish’s site

  30. 47

    Yeah, I’m sure there just happened to be 69 “Sexy Portfolios”…

  31. 48

    Thanks for including my portfolio (Attack of the web).

  32. 49

    Amazing collection. Pure inspiration!

  33. 50

    Very inspiring indeed, thanks!

  34. 51

    I’m sorry to hear that many people confuse showcase lists with the best practices analytic articles. These content categories are self-sufficient and can exist simultaneously.

    Yes the collection is huge, but there are tons of beautiful designs worth to be mentioned, and people with different tastes can find something that will appeal to them. It took us hours to ramble the web and sift out the designs worth to be shared with the smashing community. And how much time does it take you to scroll this post? Exactly.

    Yes, several designs from this collection can be found in previous posts both on Smashing Magazine and other web design related resources. However, such sites as Project 365 or Camellie show really great designs and it would be a sin not to celebrate them in the collection titled “Sexy Portfolio Designs”. Plus, such websites present great work in multiple design elements, they are good examples, so why cannot they be used in various articles covering related topics? We try to keep the repeats minor, including only outstanding cases.

    There was time when people went to a photography studio on holidays and memorable events, now we can shoot literally every moment of our lives; there was time when beautiful web design was a great event – now there are many excellent websites appearing constantly, no wonder that design round-ups follow up.

    By the way, I agree that 50-cool-tutorials posts don’t bring much value, but I don’t understand what it has to do with design showcases.

    It’s obvious that many of you want to see some more case study on SM, and I’m sure the Smashing Team is already preparing something interesting for the readers.

    Now that was my opinion. Thanks for sharing yours.

    • 52

      I don’t think anyone confused this showcase list with “best practices analytic articles.” I think we are expecting more from this site to offer more than what the hundreds of CSS Inspiration galleries are offering. In the vast world of web design, we’d like to hear something else besides “Top 50 Cool Websites.”

      If the leaders like SM get into a rut of pushing out predominately “Top ___ Lists,” then the web design community is going to keep going down the road of limiting their creativity to what they find in showcases and round-ups. Keeping alive the circle of just recycling ideas from other websites isn’t going to help the web design community grow. I for one want to see more articles to help guide my talent and process in a way that lets me think for myself, not just trudge through endless lists of people who do things better than me. There are plenty of other sites for “inspiration” and I guess we are just hoping that SM can be more than that.

  35. 53

    This it a great post. It is inspiral to me!

  36. 54

    Sexy has nothing to do with these portfolios! Some are nice though.

  37. 55

    I think I’m in the camp that believes the informational and inspirational posts can co-exist. I enjoy these roundups; they help keep designers current with the state of design today.

    That said, I’m surprised Auxiliary’s new site isn’t on your radar yet. Good list though. I really liked the Atomic Cartoons site.

  38. 57


    Smashing does need to decide on a format of the Top # and stick to it…69 does really suggest it was all about gathering up a number of contributions from a lot of others and throwing it a wall rather than a carefully selected process by SM or the author.

    Truth be told there are a lot of good/inspiring designs in this list but then there are a LOT of designs – seems to be more of a case of something for everyone rather than a pick of the crop, which is what SM used to be about.

  39. 58

    69? Sexy number, sexy designs !! cool

    twitter: @j0rch

  40. 59

    Why not 69? It is a sexy number. I think it is great to see these kind of inspiration posts once in a while, as opposed to ‘best practice analytical’ posts. On a sidenote: I can’t stand all those people being negative with this post, while SM has worked hard to provide us with quality content. We should be thankful. Give SM (and the designers too) some credit people!


↑ Back to top