5 web design trends to know for 2017

April 7th, 2017 Posted by Design No Comment yet

In this post, I’ll show you five trends to be on the lookout for in web design this year. These days, most websites follow many of the same templates. This makes it more important than ever for designers and developers to break the mold and create unique, bold visual layouts in 2017. With a focus on enhanced user experience and a creative approach, you can really “wow” your visitors and stand apart from the competition.

Without further ado, here are five of the hottest web design trends for 2017.

1. Helpful GIFS

No, not the cat memes and excerpts from your favorite shows When boiled down, gifs are just tiny moments of motion. You can use these to show looping animations of how to do something interesting, show off a recent design, or showcase your products to your customers.

You can download a free version of Gayzo (pictured below) and start making mini tutorials about your products/services immediately.

Gayzo Gif and Screenshot maker

Gayzo Gif and Screenshot maker


2. CSS & SVG Animations

The world we live in is constantly in motion. It’s 2017, shouldn’t our websites inherit this quality too? I’m starting to see the use of SVG and CSS animations skyrocket over the past year and it’s my gut feeling that they’re not going anywhere anytime soon. While this is a bit more technical on the implementation side, it speaks your brand’s commitment to staying on the cutting edge. Implemented in the right way, you can either add large intricate animations or subtle micro interactions to delight your website users.

One of my favorite examples of this is pictured below. It was achieved solely using CSS and SVG graphics. CSS (Cascading Style Sheets) is the secret sauce that controls the look and feel of your site. SVG stands for scalable vector graphic, a type of graphic that will maintain a crisp look at any scale. Learn the basics of how to code these animations from the good people over at flywheel.


CSS & SVG Animation


3. Gradients (Again)

Yes, they’re back. Again. Or did they really go anywhere? Gradients have a way of sticking around because they’re just pleasant when executed correctly. Used as a background, an overlay to a background image, or used dynamically in custom graphics and logos, they add a spark to any design. This trend has been in play for a while but it’s my inclination that it will stay in fashion in 2017.

Remember this logo leap by the mega brand Instagram? Featuring none other than our friend, the multi-hue gradient.



4. Typographic Imagery

A unique trend I’ve been picking up on is the use of large typographic imagery. We typically think of typography from a very two-dimensional viewpoint, wondering whether our body font pairs well with our header text. However, this year you can expect designers to get creative using typography in supporting web elements, background images, and illustrations.

Just like your brand – it is bold, unique, and makes a distinct impression


5. Overlapping Content

This trend is quickly becoming one of my favorites. The correct use of overlapping content can draw a user’s attention to exactly where you want it to be. When coupled with animations, the sky’s the limit with this one. By utilizing negative space and ensuring that contrast and legibility are still priority #1, you can create immersive experiences that have your users on the edge of their seats while consuming your content.


Overlapping content


This trend takes advantage of depth and hints toward another trend that didn’t make my list but certainly will have a spot in 2018. That is 3D. This technology is moving along faster than ever and sooner than later our websites too, will have virtual space. Food for thought while thinking of how to be truly innovative in the coming years.

For now, make use of these 5 trends and don’t be afraid to mix-and-match. After all, trends are all started somewhere. Be creative but never sacrifice user experience.

Let me know your thoughts below!

Tina Lange, APR, is the Owner and Chief Strategist of Strategic Ink Public Relations. She holds 20 years of Communications, Public Relations, and Marketing expertise in both corporate and agency environments and is the past president of the Florida Public Relations Association Space Coast Chapter. Tina has worked with high profile brands such as Space Florida, FLORIDA TODAY and Boeing. Tina holds her B.A. in Communications from the University of Colorado at Boulder and is accredited in public relations. When not hard at work, Tina is spending time with her two wonderful children Alex and Sam, promoting the Arts in Brevard, and is an avid motorcycle enthusiast, snowboarder and ukulele player!



Join the Newsletter

Connect with us