2017 Web Design Trends

By Ashley Morgan on January 6, 2017

Update: Check out our post on web design trends for 2018 here.  Read on, though, if you want to see what was hip, last year!

Happy 2017! Each year we like to take some time to figure out the upcoming trends in web design. Not only does it give us a chance to research all the cool things other folks are doing, but it also gives us the opportunity to look through our own work and see what sort of patterns are emerging.  We did a lot of cool work in 2016, but we want to stay ahead of the curve and make sure our work is always using the most modern and effective tactics.  

Here’s what we anticipate seeing a lot of in 2017:

Forget the grid

At least in the traditional, 12-column, fixed width sense. Think lots of layered elements, text or navigation placed vertically along the side, or floated images and text compositions that truly make use of desktop space.  We’ve been seeing elements “break the grid” on a lot of sites the last couple years - especially on agency or other creative industry sites, but I think we’ll start to see this creep more into corporate websites this year.  


Multi-faceted Feature Areas

Long gone are the days where an image slider came standard at the top of every website homepage. It seems that people have finally started to realize carousels on the homepage don’t keep user attention, and are finally moving away from them. In the wake of that, we should start to see more unique ways to layout multiple sets of content at the top of the homepage - whether it’s partially hiding content cards, or a grid layout.

Vertical Split Layouts

We’ve already seen a lot of sites that encompass a split vertical layout on the homepage - usually to help portray two different sets of content with contrasting colors or images. With the death of the homepage carousel, I think we can expect to see even more layouts like this in 2017.


Ambient Video

We actually called this one back in 2015. However, as more storytelling moves to video we can expect to see this pop up even more in banner areas and within content.


SVG Masking in Full Swing

Creating a unique shape or edge within a webdesign has never been easier thanks to SVG masking. In 2017 we can expect to see more angled and curved edges, along with shapes woven into layouts.


Subtle Animation

Spend five minutes looking at design work on Dribbble and you’ll see animation is getting heavily integrated with design. This year, we can expect to see subtle animations added into a majority of sites especially to elements that were once static like icons and numbers call-outs, and effects to sections as the user scrolls down.



The Return of Texture and Tactile Details

With the rise of flat UI, everything on the web looked super Bootstrap for awhile. In an effort to stand out more, I think we’ll start seeing more designs bring back in texture. We’ve personally been loving Hero Patterns, a free gallery of SVG patterns. We’ll also start to see more tactile elements getting added to designs - such as paint and ink textures, paper edges, and hand-drawn elements.


Gradient Love

No, not the exaggerated gradients we were used to seeing in the skeuomorphic design era. Think subtle gradients in monochromatic palettes that just add a little depth and punch to a flat design.


Cards Everywhere

This was another trend we mentioned back in 2015. Cards - or the Pinterest-like content tiles you often see on sites, have proven extremely useful for responsive layouts and content clarity. Their design success means we’ll start seeing these more and more in 2017 - especially in news and social feeds.


Goodbye overcrowded menus - hello meganavs and immersive navigation

As users grow more intuitive with the web, we’re going to start to see more experimentation and changes in site navigation. This year, we can expect to see menus with fewer top-level items and large, well-designed meganavs that drop down to reveal subpages and even featured content. Additionally, as the hamburger menu becomes more commonplace on desktop, we should start seeing more examples of immersive navigation. This means more sites will have navigation that completely takes over the screen to reveal menu items, and even other content such as blog posts or images.


We are really excited for what web design has in store for 2017. What sort of trends do you see happening this year?



Cristiano Almeida's avatar
Cristiano Almeida
This was a very insightful and comprehensive analysis on 2017 web design trends.
Good job!
Webgen's avatar
Yeah, really awesome very informative blog post.
Tvisha's avatar
A very delightful article keep sharing.........
Nagarajan Sivanadipatham's avatar
Nagarajan Sivanadipatham
Great post. Designers should design for their clients and not for themselves or their portfolio. Also trends die.
Alex's avatar
Alex NMC team member
It’s interesting to see what the current design trends are and how they have changed from previous years. Many websites are also now adopting a geometric design with shapes, text, and lines to make the branding more distinct.
This was a good read, thanks for sharing this article.
WpHound's avatar
This Collection of new Website design Trends are awesome and very impressive. Thanks for sharing this with us.
Raveen Paswan's avatar
Raveen Paswan
I learned lots of the things through your latest website design trends, thanks for sharing your knowledge with us
Liya's avatar
Once again - great article! I absolutely agree with all the collected trends and examples. Just regarding the grid, recently have found one more cool sample -
Akit's avatar
Nice article well explained. Its really amazing to see the design changes happening and trending with each years. Thanks for sharing the article
Local Website Designer's avatar
Local Website Designer
This blog has turned me into a follower. I’m very impressed by your work and I’m adding you to my list of favorites.
ger's avatar
To the Andrew Lack of NBC. CBS anchor Otis Livingston that i met told me scary story when he had secret sexual cantact with Andrew Lack's spouse Betsy Lack, Otis Livingston also wants to kill Betsy Lack if she will open her mouth. Andrew Lack's famely must becareful of maniac Otis Livingston!!!!!!!!!!!!!!
Ricky Shah's avatar
Ricky Shah
Awesome web design trends you have to publish here.I love all.I'm very late but I am so thankful to open your website.
Avanexa Technologies's avatar
Avanexa Technologies
Thanks for sharing!
Shona Rajoria's avatar
Shona Rajoria
This blog has turned me into a follower. I’m very impressed by your work and I’m adding you to my list of favorites.
Palash Sonowal's avatar
Palash Sonowal
Yeah, really awesome very informative blog post.
Ruhi's avatar
I believe there are many more pleasurable opportunities ahead for individuals that looked at your site

Maniish's avatar
you share vital information regarding website trends thanks for sharing such a vital info with me.....
Johny's avatar
You have shared really awesome post. Keep it up and also please try this http://infinitumdigital.com/
Zoommyprice's avatar
Very nice information.Great ideas on web designing .Keep sharing such wonderful stuff.
Thank you
Zoommyprice's avatar
Good information.Will to keep in track with further updates.
Thank You
Zoommyprice's avatar
Great deal of information.Will be looking forward to more updates.
Thank you
Rory Bejah's avatar
Rory Bejah
i am a professional web designer and these trends helped me alot on my research, you have written the best of the trends which helped me alot.
james rey's avatar
james rey
i really appreciate this as i am a designer and love to learn from people https://logoventures.com.au/ sharing my piece of work tell me if i am going the write way ?! thanks much appreciated.
Website Design's avatar
Website Design
Really very interesting post. Looking forward to more great content.
alisha jonwal's avatar
alisha jonwal
All the details are in this post is very interesting and brilliant and I am glad to see this post.
Amrit Singh's avatar
Amrit Singh
Nice information for all web designer and it's really helpful for me because i am learning website designing...
Dheeraj Singh's avatar
Dheeraj Singh
Nice information

Leave a comment