30 Fresh and Inspirational Portfolios With A Twist

Advertisement

It may be the economical slowdown, the climate change, or even a random boost of creativity, but the competition between graphic studios is huge right now. Today, more than ever, you really need to show something special on your website to be noticed. So we made a selection of 30 portfolios that describe a studio or a freelancer with a unique personality. Please notice that you certainly need more than a nice “look” to make the design stand out; in particular, usability and accessibility are issues that need to be carefully considered when creating your next portfolio design.

Learn more about the Smashing Book!1

You can learn more about beautiful and effective web design in our upcoming Smashing Book2 ($23.90 – available worldwide). Pre-order now3 and save 20% off the price!

Flash Based-Designs

Ola Interactive Agency4
A fun and straightforward website, with small videos running in the back to illustrate some of the company values, like creativity, speed and coolness! There’s a speaker on the left to kill the music.

Ola Interactive Agency5

Your Majesty6
Nice and clean website with more than one way to explore the portfolio, excellent branding, and a smooth dark color scheme.

YourMajesty7

EnjoyThis8
The minimal design and a sleek touch of Flash are the strong points of this one. Browsing trough the works seems so natural.

EnjoyThis9

Valerie Phillips10
This is huge. Literally!

Valerie Phillips11

Ben Thomas12
A simple and effective left aligned website, with a stylish motion effect that works great with the dynamic visuals in the portfolio.

BenThomas13

Studio Output14
This one is for the average portfolio what Vimeo is for YouTube: a minimal yet powerful alternative, an almost buttonless experience.

StudioOutput15

Lyndon Wade16
A classic dark styled background with a thumbnail menu and awesome transition effects are all you need for a killer portfolio. Oh, and some pictures from one of the top 15 photographers in America.

LyndonWade17

Cardon Design18
A simple and innovative way to show the portfolio, in a dictionary way. Great works also!

Cardon Design19

Kenjiro Harigai20
One of the most complex websites in our selection, it features a visual menu with a lens effect, a text menu with the names of the works, and some amazing motion effects.

KenjiroHarigai21

I Shot Him22
This one is all about the story: with just a few vintage illustrations and some creative lines they really deliver "a design novelty".

I Shot Him23

Unique browsing system

Websites that let you scan the portfolio trough original and fresh techniques.

Orange Label24
This is a one-page journey, a dive in the studio’s achievements, beginning with a strong graphic & profile, then some works and finally a feedback form.

Orange Label25

Counter Fill26
Exploring this portfolio is like falling from the roof of a tall building and stopping by a few times to look on the window. Click to see why.

Counter Fill27

X3 Studios28
The excellent use of AJAX makes browsing this website such a smooth experience that you get the feeling you never left the homepage. Which is true!

X3 Studios29

Lucas Hirata30
Very good use of thumbnails and light.

Lucas 31

Work at Play32
Maybe the most dynamic non-Flash website of the selection. Great uses of colors, transparency and AJAX.

Work At Play33

Zaum & Brown34
Finally a grid based portfolio with a fluid layout. Don’t know if Brown comes from the color of the background, but that certainly works well also.

Zaum & Brown35

Creative People36
The background is so important here! This amazing photo manipulation steals the show but introduce us properly in the studio atmosphere.

Craetive People37

Design by Slint38
This prolific studio from Singapore also has a grid-based fluid portfolio, where they show the works in a blog style way.

Slint39

Dave Hill40
The best proof that great photography doesn’t really need sophisticated design to stand out. Elegant and smooth.

DaveHill41

Any Which Way42
Nothing fancy seems to be happening here at the first sight, but this website has a great navigation system: a mirror-like menu that stands as a fantastic alternative for the way over-used "carousel".

Any Which Way43

Special elements

Portfolios that use at least one remarkable element (widget, color scheme, game) to create an immersive adventure.

Crispin Porter + Boguski44
Basically this website aggregates a YouTube video for a given campaign, the live news feed about it, Twitter bits, and blog pieces. It sure is the most social-ready portfolio of the selection.

Crispin Porter45

Great Works46
An excellent example of three colors website: sleek, smooth, and effective!

Great Works47

Home de Caramel48
Another fullscreener, Home de Caramel features a double menu, just a few words and huge images. Makes sense.

HomeDeCaramel49

Trust The KDU50
The vintage design and the sepia tone of the photos work extremely well together and make a great portfolio.

TheKdu51

Carsonified52
Strong colors and striking, simple illustrations make from the new Carsonified website an instant classic.

Carsonified53

Poccuo54
Very clean and dynamic website with a powerful Twitter integration and a nice simple way to show the creative work.

Poccuo55

BKWLD56
Clean design + Good navigation + Great works = Winner Portfolio

BKWLD57

Elliot Jay Stocks58
Another classic, the portfolio of Elliot teaches us the importance of a huge footer, actually as big as the body. Break the barriers, think big!

Elliot Jay Stocks59

Mojave Interactive60
Social media is very important business for Mojave, so they have compiled a few different channels in the homepage.

Mojave Interactive61

Merix Studio62
Full intreactivity map with clients and resources, amazing idea!

Studio of Merix63

Footnotes

  1. 1 http://www.smashingmagazine.com/2009/08/05/the-smashing-book-pre-order-now-and-save-20/
  2. 2 http://www.smashingmagazine.com/2009/08/05/the-smashing-book-pre-order-now-and-save-20/?utm_source=Smashing%2BMagazine&utm_medium=editorialbox&utm_content=editorialbox%2Btop&utm_campaign=Smashing%2BBook
  3. 3 http://shop.smashingmagazine.com/smashingbook-dispatcher.php?utm_source=Smashing%2BMagazine&utm_medium=editorialbox&utm_content=editorialbox%2Btop%20to%20cart&utm_campaign=Smashing%2BBook
  4. 4 http://www.olainteractiveagency.com/
  5. 5 http://www.olainteractiveagency.com/
  6. 6 http://www.your-majesty.com
  7. 7 http://www.your-majesty.com
  8. 8 http://enjoythis.co.uk
  9. 9 http://enjoythis.co.uk
  10. 10 http://valeriephillips.com/
  11. 11 http://valeriephillips.com/
  12. 12 http://www.ben-thomas.com
  13. 13 http://www.ben-thomas.com
  14. 14 http://www.studio-output.com
  15. 15 http://www.studio-output.com
  16. 16 http://lyndonwade.com
  17. 17 http://lyndonwade.com
  18. 18 http://www.cardondesign.com/
  19. 19 http://www.cardondesign.com/
  20. 20 http://www.kenjiroharigai.com
  21. 21 http://www.kenjiroharigai.com
  22. 22 http://ishothim.com/
  23. 23 http://ishothim.com/
  24. 24 http://www.orangelabel.com/
  25. 25 http://www.orangelabel.com/
  26. 26 http://counterfill.com
  27. 27 http://counterfill.com
  28. 28 http://www.x3studios.com/
  29. 29 http://www.x3studios.com/
  30. 30 http://www.lucashirata.com.br/
  31. 31 http://www.lucashirata.com.br/
  32. 32 http://www.workatplay.com
  33. 33 http://www.workatplay.com
  34. 34 http://www.zaum.co.uk/
  35. 35 http://www.zaum.co.uk/
  36. 36 http://cpeople.ru
  37. 37 http://cpeople.ru
  38. 38 http://silnt.com/v4/
  39. 39 http://silnt.com/v4/
  40. 40 http://www.davehillphoto.com/
  41. 41 http://www.davehillphoto.com/
  42. 42 http://www.anywhichway.co.uk/work.html
  43. 43 http://www.anywhichway.co.uk/work.html
  44. 44 http://beta.cpbgroup.com/
  45. 45 http://beta.cpbgroup.com/
  46. 46 http://www.greatworks.se/
  47. 47 http://www.greatworks.se/
  48. 48 http://www.homedecaramel.com
  49. 49 http://www.homedecaramel.com
  50. 50 http://www.thekdu.com/
  51. 51 http://www.thekdu.com/
  52. 52 http://carsonified.com
  53. 53 http://carsonified.com
  54. 54 http://www.poccuo.com/index.php
  55. 55 http://www.poccuo.com/index.php
  56. 56 http://www.bkwld.com/
  57. 57 http://www.bkwld.com/
  58. 58 http://elliotjaystocks.com/
  59. 59 http://elliotjaystocks.com/
  60. 60 http://www.mojaveinteractive.com/
  61. 61 http://www.mojaveinteractive.com/
  62. 62 http://www.worldofmerix.com/
  63. 63 http://www.worldofmerix.com/

↑ Back to top Tweet itShare on Facebook

Catalin Zorzini is a design blogger with a content marketing background. He founded Mostash, Ecommerce Platforms and Inspired Magazine. He loves hot soup and hot jazz.

Advertising
  1. 1

    gr8 list :)

    1
  2. 52

    pretty good showcase…Some of them are doing really well and some are not up to the marks. Anyway hatts off to these guys :)

    1
  3. 103

    Nice collections thanks

    1
  4. 154

    Its a great pleasure reading your post.Its full of information I am looking for and I love to post a comment that “The content of your post is awesome” Great work.

    1

↑ Back to top