The best new portfolio sites, June 2016

Default avatar.
June 06, 2016
The best new portfolio sites, June 2016.
Greetings, readers! Summer is here. It’s time to beat the June heat by staying inside where the air conditioner is. While you’re there, have a look at our latest collection of portfolio sites. This month brings a lot more minimalism of the aggressive, low-on-color variety. Well, in a way, it’s simpler. Even so, you’ll find that more than a few designers are using these constraints to help them find creative solutions, and that’s always exciting. That creative touch might be an entirely new kind of design. Or, as is more likely, one or two little details, small things, completely change the feel of the site, making it new and interesting. Also, there’s a fair few sites from France this time. (Note: I’m judging these sites by how good they look to me. If they’re creative and original, or classic but really well-done, it’s all good to me. Sometimes, UX suffers, for example many of these sites depend on JavaScript to display their content at all; this is a Bad Idea™ kids.) If you want to be included in next month’s roundup, contact me at [email protected].


We start with one of our more animated entries. Bukwild’s portfolio focuses a lot on their interaction design, so naturally, their site is almost constantly in motion. They don’t just show off the interfaces themselves, they show how users interact with them Combined with their excellent sense of aesthetics, and talent for using white space as a weapons-grade design element, this is one site I would browse just for fun. 001

Daniel Benzie

Admittedly, Daniel Benzie’s one-page portfolio just barely makes it into the “portfolio category”, by virtue of a couple of non-linked thumbnails. Still, I’m a sucker for good typography, UX that doesn’t make you think, and minimalism. This site happens to tick all of those boxes. 002

Grace Scuitto

Grace Scuitto’s portfolio is so simple, it would be easy to overlook. It looks nice, and that’s about it, at first glance, until you start scrolling. Now, I’ve seen backgrounds change color before, but look at the way it changes the experience on her site. That one detail, that one effect changes the whole experience somehow. 003

Twenty Nine NYC

Twenty Nine NYC is a media studio that does a variety of things. In order to show off that variety, they’ve taken a somewhat ingenious, if initially confusing approach. Instead of using any conventional layouts they have used desktop windows. Some of these windows just hold images and others show off web sites that they’ve built and you can browse those websites right within those tiny little windows. Now this might not be the most usable approach all things considered. However, it is certainly creative, and it puts their work in a live, usable context. 004

Benjamin Jackson

Benjamin Jackson’s portfolio is one of those sites that, while presenting very different kinds of work, presents it all with the same theme. Besides, I love the use of the Quarto font family here. 005

Etienne Ledemay

Etienne Ledemay’s is an excellent example of using the conventions of flat design in an original way. While none of the site’s elements are new, and the layout is nothing complex, the site nonetheless feels new and different to most of what’s out there. Plus, you know, my thing for yellow. 006


I’ve never seen a complete, if short, story told with just lines before. Deckchair did it, though. Just go to the home page and scroll down. Watch the mess get turned into… something else. I feel like that says more than the text, and the rest of the Material Design-inspired site ever could. 007

David Arias

David Arias’ portfolio site mixes things up by sort of “cutting things in half”. It’s an aesthetic I’ve never quite pulled off myself. Here, it works because there’s not a lot of content, but there is a lot of space to fill. Besides, if you want to see any full image, all you have to do is hover over it, or tap your way through the link on mobile. 008

Les Singuliers

Les Singuliers is, according to what little French I can decipher, an art direction, and possibly branding design studio. While I can’t make heads nor tails of exactly what it is that they do, I can see the influence of their work in their website. 009

Theis Bothmann

Theis Bothmann’s portfolio is minimalist, simple, and supremely stylish. Ok, when I say stylish, what I mean to say is that I love those diagonal lines. I’m a sucker for people who find simple, subtle ways to break away from the default shape we’re given to work with when building websites. Great use of color, too. 010

Studio Chevojon

The portfolio site for Studio Chevonjon puts the work front and center. Scrolling down will show you photo after photo of, hotels, restaurants and other such establishments. Naturally, all of the focus is on the imagery. The eye is drawn toward the photos with an asymmetrical layout. Unfortunately, the site does tend to hijack your scroll wheel. 011

Jürgen Hassler

Jürgen Hassler’s portfolio brings us back to that very minimalist, thin-font-loving aesthetic. The asymmetrical layouts and their love for solid blue is nothing new. However, the site is an excellent example of its class. The animations are smooth, the UI elements look elegant, the execution is just that good. 012


Waaark is one of those websites that feels more like a presentation than a web site. The layout is presentation style the animations are dynamic, and fluid, and beautiful and the whole thing is just very pretty. Based on visuals alone, it definitely belongs on this list. However, I still do not understand why anyone would use a preloader screen with JavaScript that blocks the user from seeing the rest of the web site if JavaScript is turned off. That’s just bad UX. 013


The portfolio site for Little, an ad agency, takes a somewhat different approach. While most portfolio sites start with either their work, or a quick bit of text about themselves, Little starts with social proof. The first thing you’ll see is an award they won. Only after you get past that will you see case studies, and only the case studies for their biggest customers (Microsoft, Lowe’s, Sealy, etc.) It is, as stated, a somewhat unorthodox approach, but if it works for landing pages, maybe it works here. 014


Shorthand Doesn’t do anything spectacular with their layouts. This is just one of those sites where the quality is good enough to be featured in this article, based on execution alone. Decent UX, good typography, and the general sense of professionalism make of this site worth looking at. 015


Twistudio features a delightfully monochrome design. Thin fonts, thick borders, it feels like a contract or other legal document, except you can read it. And it has pretty pictures. So like a legal document crossed with a children’s book. 016


MSDS is a studio that does furniture, lighting, and interior design. The website brings us back to that asymmetrical layout, the monospace type, and... pastels? Well, as disappointed as Morticia Addams would be, I think it works. 017

Alessandro Risso

Well, MSDS and I aren’t the only ones who love some good asymmetry and pastels. Alessandro Risso uses a very similar approach on his own portfolio site, and it’s pretty. 018

Commando Group

Yep, I’m still in love with those big layouts that stretch right across my HD screen. Commando Group does it right by over-complicating exactly nothing. Little text, big images, as few columns as possible, and a dark background for a bit of variety. I dig it. 019

IYA Studio

IYA Studio. It’s simple, it looks good, it runs smooth. The navigation is, as with most of these presentation-style sites, not the most intuitive. But darn, the rest looks pretty. 020

Anthony Goodwin

Anthony Goodwin is an art director and designer in the UK. Using both small graphical details and quick sudden animations he has managed to make his website look sort of digital and glitchy, and since he works primarily in digital media this fits perfectly. The typography and color scheme complete the effect. 021


Futura’s portfolio brings back that minimalist-except-everything-has-a-thin-grey-border look. I’ll be honest, I missed it a little. When done right, as it has been here, it inspires a sense of order and organization. I feel like I can trust the people who made it to be precise. Looking at the rest of their work, I’d say that feeling is well-founded. 022


Stinkdigital takes an interesting approach to flash design. It makes use of a large number of gradients but the gradients are used primarily in the site’s graphics and not in the interface. This seems to force the graphics to jump out at you in much the same way a button would. Since most of these graphics can be interacted with, it drives the site’s interaction while keeping that elegant flight design feel. 023

Charlie Isslander

Charlie Isslander’s portfolio changes things up a little by using horizontally scrolling elements. It starts on the home page, where his most recent projects will scroll across the screen. After that, it’s all vertical, except for when there’s an element that deserves special attention. That is, on the case study pages, certain elements (I suspect they are the parts of his projects of which he is most proud) will move a bit from right to left, unerringly drawing the eye. It’s a technique that makes a well-done, but otherwise unoriginal design, feel very different. 024


Whirligig is a studio that specializes in animation and illustration. They stick to simple layouts that adapt to large screens as well as small. Like on the sites of many other animation studios, the thumbnails of their projects come to life when you hover over them. There is not a lot of text as they want the work to speak for itself. Given that a picture is worth 1000 words and there are at least 25 frames every second I’d say that’s enough. 025

Ezequiel Bruni

Ezequiel Bruni is a web/UX designer, blogger, and aspiring photographer living in Mexico. When he’s not up to his finely-chiselled ears in wire-frames and front-end code, or ranting about the same, he indulges in beer, pizza, fantasy novels, and stand-up comedy.

Read Next

15 Best New Fonts, May 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…

Exciting New Tools for Designers, May 2024

This year, we’ve seen a wave of groundbreaking apps and tools. AI is reshaping the industry, enhancing productivity,…

Using AI to Predict Design Trends

Design trends evolve at a blistering pace, especially in web design. On multi-month projects, you might work on a…

15 Best New Fonts, April 2024

Just like web design, type design follows trends. And while there’s always room for an exciting outsider, we tend to…

3 Essential Design Trends, May 2024

Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…

How to Write World-Beating Web Content

Writing for the web is different from all other formats. We typically do not read to any real depth on the web; we…

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

How Web Designers Can Stay Relevant in the Age of AI

The digital landscape is evolving rapidly. With the advent of AI, every sector is witnessing a revolution, including…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…