Design agencies have to make sure their own portfolios are pretty much perfect. It is their point-of-sale, and prospective clients need to like what they see to make them take further steps towards using the agency.
It is, however, a minefield out there for designers! It somewhat depends on the kind of project the designer wishes to secure as to the design of their own portfolio. It is important that designers use current trends or stick with traditional design, or even better, try to add a touch of both to show flexibility. We have scoured the internet for portfolio sites of designers that are using one or more of the design trends predicted for 2016 for your inspiration.
Digital Agency Portfolio Sites
Matthew Hall uses a couple of the predicted trends in his web design. He has a split screen with a short bio on the right and an image of himself on the left. He also uses a hamburger menu icon, which isn’t in itself a predicted trend, but smaller and ‘different’ navigation methods are the upcoming trend. He adds some traditional favorites such as minimalism and monochrome image. His whole site is design in flat style, and he uses in places large blocks of solid color and card layout.
Sylvia Prats uses flat design throughout her site. Clicking on the hamburger menu icon places a solid blue block across the width of the page, with just 3 menu items in huge white lettering. Her works section is set in a cards layout style. The two-tone blue and gray color scheme runs throughout the site, rendering it very minimal.
The portfolio site of ‘Radek’ uses the predicted 2016 trend of abstract minimal design. The site includes a few abstract art elements. The works section is laid out in card style, and the site is mainly presented in black and light gray, with a few splashes of color.
This designer uses the long-scroll navigation method on his site, which is presented in minimal design, using mainly black and shades of gray. The contact form is full screen, which is another predicted design trend, and the works section is in card layout style. Small outline icons and ghost CTA buttons are from last year’s trends. The landing page has a full screen slide show with a black transparency and large white typography. A very easy site to navigate that uses a mixture of 2015 and 2016 trends.
This site uses an animation on its hamburger menu icon – it is 3 irregular length lines until you hover the cursor over it, when they become the same length. The fly-out menu is laid out in card style with white tiles on a gray background. The card layout style is also used for the works section, and the site is both flat and monochrome.
Filip Triner has used the solid color blocks design style for his long-scrolling site. Most of the blocks are light gray, but the landing page uses a quite bright yellow with 3 shapes randomly placed with a very subtle animation that, if you look at it long enough, makes you think it is an optical illusion! So the predicted trends employed in this design are flat design, abstract minimal, subtle animation and modular design.
Aka Aaron Warner, this designer really creates the feel of minimalism on his site, that include card layout style, monochrome color scheme, hamburger menu button that fills the screen with a mountain scene image with a black transparency and white text.
This site, once again uses minimal design and monochrome color scheme. The flying shapes add animation (although not subtle), and abstract elements to the presentation. The shapes in each corner are the navigation buttons – adhering to the different navigation prediction for this year.
This designer uses the split screen layout style on his landing page. The right side of the screen has a slide show of some of the designer’s works, and the left side has his bio. Again, this site is presented in minimal style with relatively small typography in subtle gray coloring. No hamburger menu icon on this site, and on mobile screens the menu is indicated with a + symbol.
Bitcookie by Ashville Web Design is presented in a retro style thanks to to a sepia-colored transparency over the image of cookies, ingredients, recipe sheet and a mobile phone. Further down the long-scrolling site, they use blocks of solid, bright colors and the design is in the flat style.
This design agency use the predicted trend of custom illustrations throughout their site. Deep colors and long scrolling help to make this site very current. There is actually no navigation menu on this site – if you want to find something, you will have to scroll for it!
Rightcolours Design Studio uses a full screen image of a wooden table and different colored chairs on a solid orange background on their landing page – which looks quite retro. This site is not responsive, so I expect they have a mobile site. The hamburger menu button, when clicked, produces a black full screen menu with large white typography.
This Japanese design agency uses very small cards in their modular layout, giving a very minimal appearance. The small, two part list menu is fixed at the top of the page, but is somewhat lost over the images as you scroll down the page.
This is the portfolio site of freelance designer Aaron Kelly. He uses a bright blue background with abstract, colorful paint splashes on the landing page. Further down the site are blocks of solid, bright colors and a full screen contact form.
This design agency uses a card layout style throughout their works page – just large cards on a white background, once again adhering to the minimal style. Their contact form is full screen, and all other pages are simply gray text on a white background. The transparent strip along the bottom of the landing page is fixed as you scroll down.
This site uses a split screen, however, the right side of the screen is the navigational menu, and this remains in place throughout the site, and the slightly wider left side holds the content. Quite a different and unique approach.
This landing page seems quite unassuming, but if you stay on it a little while you will notice animated shapes come and go from the screen. Mainly presented in black and white, this site has large splashes of color here and there.
This site is extremely colorful, with many scrolling animations and blocks of solid color. Abstract animated shapes are also included.
Linemotion have an animated big wheel with some slowly moving clouds on their landing page. Navigation is achieved by clicking on the 4 titles on the page. When you hover the cursor over each of them, different parts of the big wheel become colored in pink.
Hound Studio use custom illustrations throughout their site, which is laid out almost as an infographic, with large blocks of color and flat design. It would actually be a good design for a kid’s site!
The featured sites have not included every design prediction for 2016, but as you no doubt noticed, some trends are more prevalent than others – so as the year unfolds, as always, we will see what designers have in mind for us regarding trends, and how many of the predictions for this year will come to pass.
Do you think we should even bother looking at predictions, or should we just wait and see how things pan out in web design? Please share your thoughts with us in the comments below.