19-best-portfolios-of-2019

Every month we roundup the best new portfolios released in the previous four weeks. This month we’re looking back at the whole of 2019, and picking out 19 of our favorites from the last 12 months. There’s a mixture here of colorful and restrained, experimental and expected; the one thing they all have in common is an attention to details that creates an exceptional UX. Enjoy!

WTF Studio

If you’re going to name your business WTF Studio, you need a suitably WTF site. Able Parris is a NY-based creative director who’s more than happy to slap you in the face with colour and motion. What we really loved about this site is that once you’ve scrolled past the anarchic introduction, it’s actually very safe, very clear. Attitude doesn’t have to mean sacrificing UX.

wtf

Stereo

Stereo features smooth animation, a beautiful palette, and some really gorgeous type. What makes it stand out is the unusual navigation menu — it scrolls across the center of the screen like an old-style marquee. We also loved its sweeping animation as it transitions from state to state.

15-stereo

Eva Garcia

We weren’t just impressed with the portfolios of design agencies this year. Eva Garcia’s portfolio is a classic example of how to build a portfolio site. It’s brand-appropriate, intuitive to use, and lets the work come to the fore.

15-eva

Kévin Chassagne

Kévin Chassagne’s site is a great example of a site that delivers excellent layout, and awesome animation, without relying on JavaScript. The JavaScript here is used for a few details, but you really lose nothing without it. Everything from the typography, to the colour scheme, to the simple UX are great for a portfolio when you’re potentially browsing hundreds of sites at once.

20-kevin

Nicky Tesla

Nicky Tesla’s portfolio is one of the most original of 2019. It’s a spreadsheet; it doesn’t just look like a spreadsheet, it actually is one; it’s a publicly available spreadsheet on Google, with a domain attached. It’s not the most beautiful portfolio you’ll ever see, but it is daringly committed to its core concept.

07-tesla

Florian Wacker

Florian Wacker’s portfolio features absolutely beautiful typography. This site wowed us back at the start of the year, when minimalism was still de rigueur. As a pitch to design agencies that value good typography, this is almost faultless.

11-florian

Adam Brandon

More minimalism from the start of 2019 in the form of Adam Brandon’s portfolio. His client list is fairly formidable, with Netflix, Apple, Nike, and Ford in there. The site sensibly takes a step back and lets the work promote itself.

02-adam 1

EVOXLAB

Evoxlab is an unusual site for us, in that it has gone out of its way to mimic powerpoint slides, which is bordering on skeuomorphism. Well, kinda. It certainly feels like a slideshow. We’ve included it because it’s really committed to the concept, and in this case it works.

16-evox

Plug & Play

The agency site for Plug & Play is one of the least challenging sites we’ve seen in 2019. In many ways it verges on cliché, but that’s all intentional, because this site is about a simplified user experience. What’s more we love the way it transitions from dark mode to light, as you scroll.

plug_play

Athletics

Athletics jumps right into fullscreen video case studies of work for clients like IBM. At that point, if you have the budget, you’re probably sold, but Athletics follows up with a grid of lower-profile, but equally exciting design work.

athletics

Revolve Studio

Revolve Studio’s site really stands out not because of the presentation-style user experience, but because it’s built in ASP.NET. It also stands out by not showing any work, which is an unusual approach that has been surprisingly popular over the last year.

05-revolve

Florian Monfrini

Florian Monfrini’s portfolio is an expanded, full screen, collage approach. It fills the space well, and was one of the sites that adopted this approach long before it became fashionable.

05-florianmonfrini

Angle2

We love the typography of Angle2. It’s another slideshow-style site, but it’s brought to life by the angles and skew of the typography. Despite the energetic feeling text, and the variety of designs — one per page — it always remains usable.

06-angle2

Florent Biffi

If 2019 was the year of a single effect, it was the year of rippling, liquid-style effects. One of the first we saw was Florent Biffi’s site, with huge, bold typography and a subtle rippling effect over the design.

03-Florent

Bethany Heck

We really loved the semi-brutalist approach of Bethany Heck’s portfolio. It’s just a collection of project titles, and in places the accompanying logos, that lead either to the site being referenced, or to an internal link with delightful typography.

06-heck

Bold

Bold’s portfolio is a simple presentation with some exceptionally sophisticated details. We loved the way the border expands from the images as you scroll, creating the sense of zooming into a project. It’s a confident and understated portfolio that sells to big names, with big budgets.

bold

Transatlantic Film Orchestra

The Transatlantic Film Orchestra make music for video. Its website opens with calm, dark, monochromatic visuals, and absolutely no auto-play audio, which is exactly the right approach. When we actually chose to play the audio, we loved the UI.

02-TFO

Nick Losacco

Nick Losacco’s site highlights a lot of different skills, not least his typeface design. The whole site relies heavily on bold typography and an acidic red background for its personality.

12-nick

Versett

Versett’s portfolio is a clean, modern site, that leans towards a one-page approach without ever fully embracing it. It’s easy to scan if you’re a business comparing potential agencies, and we loved the “More ” menu option that herds you towards different options like product design, or launching a new company.

06-versett

introducing-15-best-new-portfolios,-october-2019

Every month we publish this roundup of the best new portfolios launched by agencies, freelance designers, and other creative professionals.

All the signs are that web design is entering a phase of exuberance, with clashing colors, rapidly changing graphics, and dense layouts replacing the minimalism that’s dominated digital design for the last decade. Portfolios are beginning to adopt this maximalist approach, but never fear, for those who aren’t quote ready for full-on retina burn on a Monday in late October, we’ve included a few beautifully minimal sites for you to enjoy.

Hello Monday

Hello Monday’s site is utterly charming, with a delightful animation that I could watch for hours. The work section of the site is a masonry-style vertical grid, which is less easy to browse than you would expect, thanks to the number of projects. The best parts of this site are the little details: I love that they tell you how many days it is until Monday, and the way that hamburger menu slips away as you scroll is super-slick.

hellomonday

Bold

Bold’s portfolio is about sending a powerful message. It’s the website equivalent of huge shoulder pads, and an enormous, solid gold smartphone. The way the border expands from the featured images, giving you the sense of zooming into the project is inspired. It helps to have huge-name clients as social proof, but this site is excellent at inspiring confidence in the designers behind it.

bold

Analog is Heavy

Analog is Heavy is a creative photography practice that works with design studios to hone brand messages with high-quality product photography. Its approach to a portfolio is a vertically aligned grid of images, and that’s it. Targeting design agencies means that they’re speaking to an audience of visually educated professionals, giving Analog is Heavy the freedom to let its work sell itself.

analognisheavy

Athletics

Another big agency, with a client list to kill for, Athletics jumps right into fullscreen video case studies of its work for clients like IBM. One trend with many of these portfolios is that work is cherry-picked to be showcased and then less-exciting work is linked to below the initial presentation. In Athletics’ case this means an interesting grid of lower-profile, but equally exciting work.

athletics

Brittany Chiang

Brittany Chiang builds things for the web. How’s that for a no-nonsense approach? This great little site feels very app-orientated thanks to the dark-mode color palette and the monospaced typeface. Its a single-pager, which are increasingly rare these days, and the simplicity of it works really well. Brittany has out UXed plenty of dedicated UX designers, by being true to herself.

brittanychiang

Shohei Takenaka

As the web drifts towards maximalism, it’s great that there are still calm, simple, minimalist masterpieces to admire. Shohei Takenaka’s site is beautiful, with restraint, attention to detail, and ample whitespace. The subtle underlines on the menu text, and the images protruding into the white space to encourage scrolling, as well as the way the color bands are grouped when you scroll, are all perfect examples of clever UI design.

shoheitakenaka

Aristide Benoist

Aristide Benoist’s portfolio features some beautiful typography. It’s great to see a developer take an interest in the finer points of design. The all-caps sans-serif text is a little too much to cope with in large amounts, but here it works just fine. My favourite part of the site is the transition from thumbnail to case study. Hover over the list of projects and a little flag-like ribbon will appear, click on it and it expands into a full project image, delightful!

aristidebenoist

WTF Studio

WTF Studio’s portfolio is as in-yer-face as the name suggests. A front for NYC-based creative director Able Parris, the site slaps you in the eyes with color and animation the moment it loads. But scroll down past the anarchic introduction and you’ll find a series of projects for household names presented as individual case studies. It’s exactly what big brands like to see: creativity and safe hands.

wtf

Jim Schachterle

Jim Schachterle’s site takes an approach that we don’t normally see: he’s opted for a dark green background. That simple choice, alongside the carefully paired project shots make for a sophisticated, and distinct style. Unfortunately the choice of typeface doesn’t work in places, at 12px the detail in the design is lost altogether, swapping it out for a simpler sans-serif whenever the font-size was under 18pt would have been a better choice.

jimschachterie

Swwim

Perhaps it’s the chilly Northern climate at this time of year, but this Saint-Tropez looking site for Swwim warms my heart. The rounded sans-serif is an interesting choice — most designers would aim for sharp lines to emphasize precision. I adore the logotype, and its frivolity is echoed throughout the site in section titles. The less-subtle animation feels a little forced, but the wave motion is enticing, and brand-appropriate.

swwim

Hadrien Mongouachon

Hadrien Mongouachon is a freelance developer, so it makes perfect sense for him to demo his skills front and center on his site. He’s opted for a variation of the highly-trendy liquid effect, and it works really well. I’m not convinced by the sideways type — it only works in print because you can tilt the page — and the usability is a little compromised by the click-hold action. Once you’re accustomed to the site, it’s fun to traverse.

hadrienmongouachon

Butchershop

Butchershop is another design agency relying heavily on a video reel to sell its brand work. What’s really interesting about this site, is all the things it does “wrong”: the logo mark is positioned top right instead of top left, the title of its homepage is “Home”. It keeps breaking with received wisdom, so either they know something we don’t, or they didn’t get the memo about UX being a thing — you decide which.

butchershop

Nikolas Type

It’s rare that we get to enjoy a purely type-based portfolio, because design work is visual, but this minimal showcase is Nikolas Wrobel’s Type Foundry, Nikolas Type. Click through to the product pages and you can edit the preview text. Thanks to the foundry being a small independent, it’s able to show some lovely samples that bring the type to life, something that larger foundries often fail to do.

nikolastype

Jam3

It seems video (not static images) are now a must for any portfolio site. Agencies want companies to see real-world experiences, and understand what the working relationship is like. Jam3 is no exception, but scroll past the looping video and you’ll find a rigorously organized set of projects. The menu isn’t easy to locate, but I do like agencies opening up about their approach, and culture. Plus there’s a cool bubble effect hovering over the menu items.

jam3

New Land

There’s a tendency among motion graphics and video firms to be slightly mysterious about who they are, and what they do — perhaps it comes from the high-concepts of advertising. New Land’s target audience probably do know who it is, because this is the kind of company that you don’t hire without some prior-knowledge. Interestingly the site is geared around tablet and mobile preferred interactions, as if intended to be passed around a meeting.

newland