2017 Design Trends: Common Ground for Design and Content

common-mistakes-within-modern-web-design-trends_1000x576.jpg2016 was the “flat” year. Thanks to companies like Google that spawned flat design, we saw minimalism reach its peak. Short text, large graphics and tons of white space championed the game. But it seems web design is starting to fight back. Bigger, bolder and more chaotic are becoming the trend for 2017. But oddly enough, content is still king.

We are seeing a real shift in 2017. It seems the grid is being pushed out, or at least pushed to its boundaries.

Enter Chaos

Since the dawn of the grid, designers have been trying to find ways to push the boundaries. Now that minimalism seems to be on the way out, we are seeing much more creativity when it comes to site and page layout. Overlapping sections and layered type are popping up everywhere. Designers are using the grid as a suggestion instead of a guide and working outside the box is becoming literal. When playing with these concepts, just make sure the core message is apparent and understandable.

Source

Big is Better

In line with the minimalist trend of 2016, short copy and precise content are sticking around, especially in hero banners. We are seeing larger type in short bursts taking up major real estate on the screen. Custom type styles are making a comeback in a bold way. It’s all about catching the eye and getting your point across with no distraction. But designers beware. It is very easy to get caught up in the typography and forget that the content itself is the important part.

creative type.png

Source

Bold and Bright

The flat era seemed to be just that, flat. The graphics were flat, the copy was flat and even the colors were flat. 2017 is bringing color back to the forefront. Eye popping color and gradients are making a comeback and making its way into all kinds of places. Just look at the Instagram icon.

Insatgram-icon-old-vs-new.jpeg

Source

When using this concept, make sure readability is still at the top of your to do list. Lack of contrast between type and background will lose many users as soon as they open the page.

bold color.png

Source

Make it Personal

Getting the right content to the right user has become key. The problem lies in how to accomplish this. Personalization of content requires a culmination of 3 things:

  • Persona: Who is the user? Where are they from? Are they here for personal or business reasons?
  • Interface: How are they accessing the site? How did they get to the site? How are they interacting with the site?
  • Behavior: How are they using the site? What are they paying attention to? Have they logged in or set up an account?

HubSpot for instance, uses buyer personas to segment user demographics and personalization tokens to bring the user into the content. With these, they can better captivate the visitor by serving up content specifically for that user.

personal.png

Source

Let your Content Shine

Content has been pushed to the back to make way for design and brought to the forefront making bold design take a back seat. 2017 is finally seeing the dawn of a partnership between design and content that has not been there for some time.

content shines.jpg

Source

As flat design sort of sucked the life out of design and chaos design made way for cool effects and content obsolete, content has made a comeback as king of concept while still letting design have its playground. Finding new and innovative ways of showing content to the user, while at the same time, peaking their interest and holding their eye with bold and interesting layout are going hand in hand. And I for one, cannot wait to see what you all do with it.

2017 has great potential for web design to reach higher heights in amazing ways, as long as you remember that users are coming to your site for the content but will stay for the entertainment factor.

Subscribe to our BLOG

Stay in touch & learn how to attract customers, become a thought leader, create effective marketing campaigns, & more.

 
10 Step Website Redesign

 

Suggested links:

2017 Website Planning Made Easy with these Modern Web Design Trends

FAQ Friday: How to Make My Website Better with Modern Web Design

Creating a Digital Experience with These Modern Mobile Design Trends

User Experience Best Practices to Put Your User Back in the Experience






Topics: Online Design, Website Design

Direct Images Interactive is an inbound marketing agency specializing in high-impact video production and online graphic design. We are centrally located between Oakland, San Francisco and San Jose. Come see us at The Gate in San Leandro, a thriving tech-hub of innovators. What can we do for you?

Learn more   How do you launch & measure a remarkable inbound marketing campaign? Get the tools you need.  Download tool kit.
Contact us  Share your challenges with us! We'll help you achieve your goals and ease your pain.  How can we help you?
Call us  Want quick answers to your problems?  What’s better than picking up  the phone and calling us?  510-613-8299 <>
New Call-to-action

Recent Blog Posts

In-Sites LIVE! Video