There are plenty of awe-inspiring design portfolios out there. To stand out amongst the reams of portfolio examples, it's important to put some real thought into your online presence.
In this article, we've rounded up some of the best design portfolios around, from both studios and freelance designers. These examples are all very different, but all stand out, whether its for clever use of animation, a quirky and memorable aesthetic, or simply a delightful user experience.
When it comes to your portfolio, you don't have to be a superstar creative director or web designer; like most design jobs, a touch of creativity and innovative thinking will get you a long way. For those that aren't super tech-savvy, our guide to the best website builders, and our favourite WordPress portfolio themes will help you on your way. Plus, here are some top tips for content on your portfolio website. Or if you are confident building your own design portfolio, explore our roundup of the best web hosting services to make sure you're getting the best deal.
So, check out these inspiring examples of online design portfolios, which will hopefully inspire you to create your own masterpiece. Of course, the ultimate role of a design portfolio is to get more work, so don't miss our design jobs board if you're looking for a new role.
01. Robin Mastromarino
Paris-based interface designer Robin Mastromarino keeps things fresh on his design portfolio site. An intriguing effect on his homepage makes the projects appear as though they're on a wheel, juddering into view with some satisfying UI animation touches. Within each case study, images also respond by warping slightly when you scroll. Although not appropriate for every creative, given that Mastromarino specialises in UI design this strikes all the right notes.
02. Active Theory
Visiting Active Theory's portfolio website is like entering a whole new world. The design embraces a moody, Blade Runner-ish aesthetic throughout – and very successfully, too. From the mood-setting homepage animation with mouse-activated glitch effects, to the trippy About page, everything works together beautifully. The studio keeps things clean for its project pages, with each example featuring a full-screen animation overlaid with short blurb and relevant links to further information, including detailed case studies hosted on Medium.
03. Velvet Spectrum
Velvet Spectrum is the online moniker of visual artist and designer Luke Choice. Luke has kept things simple on his homepage with a montage of uber-colourful thumbnails, which lead through to the visually arresting examples of his work displayed super-size for maximum impact. The black background keeps things clean and helps the work shine. A simple but super-effective design portfolio.
04. Locomotive
This impressive design portfolio comes from Locomotive, a studio based in Quebec, Canada. With a team that specialise in crafting standout digital experiences, it makes sense that this portfolio site really shines. Playful animations bring the design to life throughout the site (not just on the homepage). It feels like effort and thought have gone into every element, from the quirky treatment of the hamburger menu to the unexpected animations on the About page.
05. Studio Thomas
Named after its two creative directors, Thomas Austin and Thomas Coombes, Studio Thomas is an East London studio that makes visual communication for physical and digital worlds, and its site perfectly reflects its explorative and experimental attitude. It is a splendid example of Brutalist web design with plenty of swish touches; we particularly love the 3D wireframe model of Pamban Cafe that you can navigate with the mouse.
06. Buzzworthy Studio
Buzzworthy Studio describes itself as a badass digital studio in Brooklyn, and its site is one hell of a calling card, showcasing dazzling web techniques from the off. Great typography and animation combine to grab your attention, and a strong eye for aesthetics means that you'll stick around to explore all Buzzworthy's projects.
07. Xavier Cussó
Barcelona-based designer Xavier Cussó was until recently a senior art director at Vasava, but he's now freelancing full-time with a stunning portfolio site – built by Burundanga Studio – to show off his work using bold colours, in-your-face typography and practically every animation and parallax scrolling trick in the book.
08. Merijn Hoss
This next design portfolio isn't nearly as flashy as the examples we've explore so far, but it's still highly effective. Illustrator and artist Merijn Hoss creates beautifully detailed psychedelic works of art, but has taken an altogether more pared back and traditional approach to displaying his work on his online design portfolio.
Colourful thumbnails pop out of a clean gallery-like white background that once clicked on reveal large project images and a short description. Proof that you don't need all the bells and whistles to create a great user experience.
09. RoAndCo
RoAndCo is the NYC-based studio founded by creative director Roanne Adams. The team offer beautifully crafted design, branding and creative direction solutions to a roster of clients predominantly in the fashion, beauty, tech and lifestyle sectors.
In line with the studio's work ethos, viewing RoAndCo’s website is an experience in itself. The projects are presented in an almost magazine-like fashion. Allowing the viewer to cycle through split screen images, animated web presentations and full screen video, RoAndCo’s website is a carefully considered portfolio that is a pleasure to view in browser and on mobile devices.
The complete lack of information on any project is a little irritating, but RoAndCo has created a well-crafted, memorable user experience nonetheless.
10. Leslie David
Parsian designer, illustrator and art director Leslie David creates beautiful and intriguing work with that 'je ne sais quoi' that only the French know how to do. She houses her work in a straightforward manner with a left-hand sticky nav accompanied by a mix of static and animated GIF thumbnails that compliment the quirky nature of her work.
11. ToyFight
Manchester-based studio ToyFight utilises a number of whizzy effects – from parallax scrolling to animated transitions and even 3D rendered versions of the founders fighting one another. All of this could threaten to overwhelm the actual work on show, but seeing as it's been executed with such visual humour and panache, it's a joy to explore.
12. Tom Biskup
Art director Tom Biskup’s online portfolio is a restrained and stylish affair. Using an animated header image to quickly engage the viewer, the site sees the rest of Biskup's work displayed behind a mix of large static and animated thumbnails, which lead the viewer through to more detailed case studies. Biskup's design portfolio acts as a piece of work in its own right, amply demonstrating his art direction talent.
13. Made Thought
Contemporary design powerhouse Made Thought leads where others follow. The studio originally opted for a homepage displaying a video that cycled through work samples at an ultra-fast pace, but has replaced this solution with something calmer, less frenetic, and a lot more pleasant to explore.
The new homepage scrolls (slowly) through beautiful stills of recent projects, with a tagline to sum each one up. Visitors can then delve into other work samples via a striking typographic navigation page found under the 'explore' tab.
14. Mister
Full-service studio Mister captures viewers' attentions with a unique approach on its design portfolio site. The left two thirds is taken up by a scrolling animation of project highlights, while the right third is given over to the blurb about the studio (clients, press, specialisms and so on). This third scrolls separately from the rest on the page, creating an eye-catching effect. It's also a smart way to show off your work and studio info at the same time.
15. Marleigh Culver
The website of designer and artist Marleigh Culver is a simple affair, but one that demonstrates how carefully considered colour and type choices, combined with a simple layout and navigation, are key to any successful online design portfolio.
Although simple in nature, Marleigh’s work is displayed to great effect through the use of large, fast loading images, making it a breeze to quickly navigate through.
16. Malika Favre
Illustrator Malika Favre’s bold and beautiful work is showcased to great effect in her online design portfolio. She makes use of a full screen edge-to-edge tapestry of thumbnails (some of which are animated) to entice visitors into viewing the work in further detail. Once clicked, the thumbnails reveal a full screen gallery presentation of the work featured on complimentary coloured backgrounds that show off the work to great effect.
17. Studio Myerscough
The online presence of design luminary Morag Myersough acts as more of an online business card than a website. It consists of one simple landing page with three icons linking to her email, Instagram and Twitter accounts.
This is a truly modern approach from a very established and respected industry veteran, who uses social media to great effect to get her work and the process behind it out there.
Although this is quite an extreme example, many creatives are now using social media as their primary vehicle for not only promoting but also showcasing their work.
18. Panda Yoghurt
Douglas Bowden, aka Panda Yoghurt, is an award-winning design director and 3D artist responsible for some truly stunning motion work. Douglas’ website is an ultra-clean and contemporary affair, with large-scale previews and slick animated rollovers that combine perfectly with his work.
The presentation of the projects themselves is clear and concise, with a brief description and a scrolling nav. All of this is displayed on a crisp white background that leaves nothing to distract the viewer from the stunning motion work on display.
19. Pollen
The website of digital branding agency Pollen is a slick and engaging presentation. It utilises a number of contemporary techniques, from full-screen video to parallax scrolling and beautifully presented thumbnails that react when rolled over.
Large quotes from the studio are peppered throughout the landing page, effectively editorialising the presentation of the studio's work and adding an extra level of engagement.
Next page: 20-28 on our list of brilliant design portfolios