PSDFan Extra

25 Portfolio Sites That Are Boldly Ignoring Design Trends

25 Portfolio Sites That Are Boldly Ignoring Design Trends

As designer’s it can be really easy for us to be sucked into design trends. For example the recent trend for flat design has seen thousands of websites take on this new style. However, whilst it’s important to evolve our designs, following the latest trend can result in a sea of websites all looking the exact same!

What is noticeable is how the truly creative designers out there boldly defy whatever latest trend is popular, and instead forge their own way, pushing their own unique sense of style.

This post celebrates the designers who use design to convey their personality, their flair for visuals and their broad range of talents. None of the designs in this list are particularly similar, as they are all beautifully unique.

Take some inspiration today and find some balance in your design life.

It’s important to be aware of latest trends and learn from them, but more important to find your own personal style.

[Tweet This Quote]

Oleg Postnikov

This site, created by designer Oleg Postnikov, is a bold declaration of his aesthetic and design philosophy. Using typography, simple icons in a single bright colour, and an unusual, asymmetrical layout, he demonstrates a preference for illustration and a dedication to modernity.

Beta Takaki

This site takes an almost opposite approach to the one above. It features a large photograph and a small, simple font. Washed-out greys make up most of the colour palette, creating a calm, minimalist atmosphere. Like the site above, however, this site too is unmistakably modern.

Benjamin Sheppard

Welsh web designer Benjamin Sheppard created this site to showcase not only his skill in design but also his skill in front-end developing. The home page of this site is simple, but by asking the user’s name, it creates a sense of small-town hospitality. Clicking through, the user is greeted by name and paid a compliment, crystallising the sense of old-fashioned good manners. The soft colours and simple layout further enforce the feeling of friendliness and ease.

Grayden Poper

Like the others in this list, interactive designer Grayden Poper built his portfolio site to showcase his personality as a designer and his projects. He does this in a completely individual way, opening his site with faceless images of things he wanted to do when he was a boy. Scrolling down, the colour palette and mosaics made from triangles have an unexpected effect: they create a unity between the portfolio website design and the designs of his example works.

Think Luke

The image below doesn’t really do the website justice: when the viewer moves the cursor around the screen, the main image – in this example, the aeroplanes – moves around independently of the background, creating a cool, interactive 3-D effect. The sensation of movement makes the design all the more dynamic.

Evan

This website also uses independently moving layers to create a 3-D effect. It is more subtly done here, though. Paper cranes flutter around the head, creating a light, surreal feeling. The colours and fonts further emphasise the lightness and femininity of the main image, creating an elegant space in which to showcase the work.

Qais Sarhan

This website is both simple and edgy. The image on the front page just has two links, embedded in the image. Clicking on the man causes a box to pop up, and it contains links to his blog, biography and social media profiles. One of the shapes in the middle of the images contains a link to a contact form. It is restrained but also shows a sophisticated understanding of the principles of web design and interactivity.

Ian James Cox

This website is instantly fun and charming, making it a great introduction to Ian James Cox’s design style. Clicking on one of the names at the left causes the site to fly around, landing on an image drawn for the client. Almost all of his designs involve his trademark style of illustration, but they also show how he shapes the illustrations to fit the style of the client and the content they have. In that way, it is an ideal portfolio website, showcasing both his signature style and how adaptable he is.

Gregory Sujkowski

Gregory Sujkowski included a graphic of a computer dialog box on his site. Mimicking the look of a Mac, the box quickly flashes through images of his projects. The single-page site is simple, with just one or two short sentences per section. The result is minimalist, focused and concise, letting the design work do the real talking.

Denise Chandler

Most typography is minimalist and serious. This website demonstrates how whimsical typography can be. The blue tones, hand-drawn feel and the mix of fonts really seems to demonstrate the way Denise Chandler works and how much like a party it could be collaborating with her.

Thibaud

This site shows that colour accents don’t need to be silly or overly feminine. The textured background in dark grey and the grid pattern are undoubtedly masculine, and the colours pop without being jarring. The overall effect is sophisticated with a modern colour palette.

Arun

This site looks simple enough at first glance: it has a bold, unusual background colour, it has a mix of fonts and hand-drawn elements, and it has a typical navigation function at the top. Moving the cursor around the screen causes all the links to dance around the page. This little Easter egg turns the site from a simple yet impactful one into one that is encourages interaction and engagement, which is what every company wants in their website.

Andrevv

Andrew McCarthy is an interactive designer, and his site looks a little plain at first. Like the one above, however, it has some unexpected secrets. Scroll down the page, and the cat image begins to run in place as the content of the site moves past in the background. The site loops continuously, so the cat never has to stop running. This of course makes the site almost endlessly entertaining.


Nick Jones

Nick Jones has a site that shows off his responsive design skills. Instead of dragging the scroll bar down, visitors drag the entire page to see what he can do. In fact, the bar on the right-hand side pops up with a message saying it’s only an indicator when you roll over it. The result, thanks to the responsiveness and the overall design of the site, is the impression of a site on the cutting edge of cool.

Simon Foster

Simon Foster clearly appreciates the science of design. The image and the fonts call to mind old-school biological illustrations. He eschews trends and fads for classic elements like diagrams, a black and white colour palette and a simple, right-aligned paragraph. This roots the website in the basics of great design, while the fonts and the touches of red keep the design up to date.

Casey Britt

Whilst it works on regular browsers, this site is optimally designed to be viewed on an iPad. On that device, users can swipe left or right to see the projects Casey Britt has worked on, and then swipe down to see more information. This gives him the space to get into the detail of how he and his design agency created the sites he features. The design of the site, meanwhile, is tasteful and modern, but it is also anonymous, making it clear that he will be able to turn his hand to almost any design brief.

Jim Ramsden

Jim Ramsden was clearly a designer with a dual approach to his craft: on the one hand meticulous and well-planned, on the other, free and open. He addresses this duality with the design of his site, and not just in the main image. Throughout the site, fonts that nod to digital displays and textbooks sit nicely alongside modern colours and icons.

Rich Brown

This website takes all the work out of a portfolio site. It has an image carousel that rotates through four of Rich Brown’s latest works. He plays with the way the projects are represented in the images, ensuring that although they range from photographs like the one above to delicate illustrations, the overall feel remains consistent.

Rick and Drew

Many designers work as part of a team, but how can are they supposed to demonstrate the individuals that make up the team? Rick and Drew did it by taking a short video clip of both of them standing there, occasionally looking to the side, and splicing their images together to create a moving background that is both unified and a literal look at both of them individually.

Sawyer Hollenshead

Designers always say less is more, and no one shows that off to greater effect than Sawyer Hollenshead. The front page of the portfolio site is just a series of images of his projects. Visitors can click on an image to get slightly more information (basically just the client name and a link), or they can click on one of four ghostly icons in each corner to see his photographs, writing or biography or return to the home page.

Andrew Jackson

Giving the above example a run for its minimalist money, designer Andrew Jackson’s portfolio site only shows one example at a time. Viewers of his site must use their arrow keys to switch from one project to another. It creates the impression of a site designed to slow the visitor down to encourage deliberate thoughtfulness. The soft grey colour palette maintains the meditative tone of the site.

Shaun

Starting with a pun for a title and not letting up from there, this site could not be accused of being subtle. Shaun Kosijer’s enthusiasm for design explodes off the screen in a riot of graphics, textures, colours and fonts. This website should not work in theory, but it is impossible not to get swept up in the giddiness of the site.

Oasim

This site has some of the humour and riotous colour of the above example, but it shows off Oasim Karmieh’s work much more softly. Still, the design is deceptively simple. The shapes bow when you roll over them, revealing their content, and a business card in the corner of the screen occasionally bounces into view, urging the user to click on it. All of these add up to a site that is both fun and restrained.

David Bastain

A lot of creatives prefer to have portfolio websites that show off their work with a mosaic of images. David Bastian takes this idea and pushes it a little further. Not content to simply display images of his work, he takes high-quality photographs of his work on devices, puts them on a simple background, then pops them into the layout. The effect is one of a collage created by a computer, marrying the digital with the traditional.

Matt Luckhurst

Matt Luckhurst clearly loves colour, but he knows how to use colours elegantly. He takes a delicate font, leaves in plenty of white space, and adds touches of Kandinsky-esque shapes and squiggles to create an impression of refined celebration. When visitors roll over letters, though, his projects explode out of the site, adding a sense of excitement to what could in other hands be an overly simple site.

What Do You Think?

Do you think design trends are over-rated? How do you work to find your own personal sense of style?

Let us know in the comments below.


Get more of our great design content direct to your inbox
Join our newsletter and receive our best weekly content by email. Also get access to hundreds of free design resources via your Designer Toolkit area.

About the Author:

Claire writes on behalf of Print Express. Claire has a strong interest in design and is currently learning how to code in her spare time.

Leave a comment

4 Comments:

  1. Thanks for sharing these! These are really a good set :)

  2. Staycee says:

    Great article and super rad examples to back up your opinion. I’m glad I stumbled across this – as I was too questioning the importance of design trends. As a web designer for the past 5-7years I have seen design trends come and go, and personally I don’t think I have ever followed them, unless the client has asked for something specific. Some may argue design trends help the end user recognize important UI elements on the page eg “The hamburger menu” – but are users really that dumb we need to make everything the same so they understand THIS IS A MENU?
    I agree useability is key to the success of any website – but I also agree this can be conveyed in a way that isn’t the same as every other website following a design trend. I am all for creativity, and exploring your own style that can be seen throughout each design. I think I’m going to write my next blog post about ‘sticking the middle finger to design trends’ – thanks for the inspiration! :) :)

  3. Steph says:

    Pfft. I think you need to represent the women of the web.

    • Tom Ross says:

      Thanks for the feedback Steph. We certainly weren’t trying to skew this article either way, it’s just in our research for the article these are the site we came across.

Leave a Comment:

Related Posts

Subscribe to PSDFAN and Get Your Free Designer Toolkit

Have every post delivered to your inbox and get access to hundreds of useful design freebies.

Your Design Work, But More Awesome:

Do you know the basic tools in Photoshop but feel that your work is still looking average? Join our creative community at FanExtra and get the direction you need to take your work to the next level.

JOIN OUR FANEXTRA COMMUNITY TODAY