Menu Search
Jump to the content X X

Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →

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 does






friendly duck39


Richie Qilayout


Loewy Design41


Nick Hand43
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 Design45
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 Labs49
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 Creative55 56
Beautiful textures, large typography in the backgrounds, warm colors and smooth transparency result in an exquisite website design.


Mika Mäkinen58
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.60
Wonderful single-page portfolio with vertical navigation. Atomic Cartoons did justice to themselves by featuring amusing illustrations throughout the website.


Toy.ny 62
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 Collective64
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 Inose66
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 Latorre68 69
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ñoz71
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.


Style, laconism, individuality.




Safarista Design75


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


Arteye 82




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


Blue Pixel86


Daniel Kusaka88
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 94


Kidd81 96
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 100
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 102
If grid layouts are classics of web design, this Japanese website is avant-garde, without fail.


HALO Creative Agency 104




Oscar Barber108




Fran Boot112


MopStudio 114
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

↑ 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

    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… )!

  3. 3

    a great list, thanks!

  4. 4

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

    Glad you like it Julia & SmashingMag Staff ;)

  5. 5


    November 24, 2009 7:38 am

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

  6. 6

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

  7. 7

    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.

  8. 8

    thanks for a great collection!

  9. 9

    Oh… I’m jealous :(

  10. 10

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

    • 11

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

      • 12

        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?

      • 13

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

  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.


↑ Back to top