5 Actual Web Designs Trends for 2016

1) Full screen & not scrollable

Facebook Privacy Basics
  1. Facebook Privacy Basics — Great site, albeit not responsive, by Facebook explaining step-by-step how privacy works on their service. Great illustrations!
  2. Fantasy — The design agency Fantasy’s much anticipated new website launched earlier this year and it didn’t disappoint. Especially check out the Work section, everything stays in the screen.
  3. KLM 50 Travels — Beautiful campaign site for KLM. It takes you through 50 destinations, one screen at the time. Navigate with keyboard arrows, and the space bar.

2. Sticky headline to the side

Code & Theory
  1. Code & Theory — The city headlines stays in the picture when you’re scrolling through the open positions on this beautiful website.
  2. Stack Overflow — This one doesn’t fit the bill a hundred percent but it’s not an agency site so that gives it a pass. When scrolling, the sub-navigation stays sticky to the right. Nice.
  3. DDB Sthlm — I’m from Sweden so I throw in a Swedish example as well. If you press Work from in their menu and scroll down you’ll see that the vertical headline stays on the side.

3) The logo is the loader

Instrument
  • Instrument — This site only show their logo when the page is loading, and when you open the navigation menu. That’s new, and ballsy.
  • Fubiz — This site made a big splash when it launched and for good reasons. The site have a different logo for every section, all of them with very nice animations.
  • This Also — Great design studio website with a lot of never seen before art director for agency sites. While technically not the logo, the navigation icon is the loader here, but it’s situated where a logo usually is so it fits.

4) Disrupted background images

Active Theory
  1. Make me pulse — Move the mouse over the background and see the mountains come alive, very well done.
  2. Active Theory — If you are making a website for your agency, what better way to show you got some mad web skills than to make it look like a Google experiment? None.
  3. Details — This will take some scrolling. This Swiss design agency apparently don’t believe in anchor links so if you scroll down to the bottom of the page 4/4 Nos Experts and hover the photographs you’ll see a slight distortion on them. Nice!

5) Over the top animations

Waaark
  1. Waaark — Lol, this little design studio has produced on of the most stunning visual experiences of this year. Leave it to the french to go over the top when it comes to animations.
  2. Animocons — This is some examples of icons with spectacular click animations, all done using web code.
  3. Rally Interactive Beta — Rally does a great job of not having just the right amount of animations on their site. They have gone crazy in the top, and then keep it mellow when you clicked and selected something.

--

--

I Lead all design work at Froda Financing. I try to be funny when I write and love hyperboles. http://nilsskold.se

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nils Sköld

Nils Sköld

I Lead all design work at Froda Financing. I try to be funny when I write and love hyperboles. http://nilsskold.se