<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=366957160306207&amp;ev=PageView&amp;noscript=1">

SUBSCRIBE TO OUR BLOG

Sign up for tips, how-to’s & best practices on Inbound Marketing, Sales, and HubSpot

Design for the web is an ever changing practice that has come a long way since the first website was constructed in 1991. Emerging with text-based and table-based design in the 1990’s, the look of the World Wide Web in 2016 has evolved into a sleek, modern look on presenting information. We are going to explore a few emerging website design trends to expect in 2016.

Trendy Topic #1 ~ Typography

In the early 1990’s, when the web was foreign, uncharted territory, websites were entirely text-based, with images and styles nonexistent. Today, text in design has made a comeback, but in a revolutionary way. In 2016, typography and text are taking on a more central role and main focus in web design. Some trendy developments in text-based web design to expect in 2016 are:

  • Custom typeface to be used as a tone-setter for a brand or site
  • Typography used with/as imagery
  • Big, bold typefaces
  • Colossal font-size to proclaim a message
  • Typography used as main focus over imagery

Taste Rewind

Screen Shot 2016-02-19 at 10.54.51 AM

QED Group

Screen Shot 2016-02-19 at 11.02.19 AM

Neopolitan Clothing

Screen Shot 2016-02-19 at 11.08.09 AM

Trendy Topic #2 ~ Hamburger Menu

Our next trendy topic to recognize is the hamburger menu. It’s a pretty cool twist on the ordinary, everyday site navigation that normally spans the top of a web page. The hamburger menu started during the “mobilegeddon” phase when the amount of mobile usage took over the amount of desktop usage. On mobile, the hamburger menu made it possible to collapse the navigation menu for better user experience. This approach has now found its way onto desktop websites.

On desktop, this menu makes it possible to hide the navigation away until a visitor wants to expand it to dive deeper into a site. The hamburger menu gives sites a modern, minimal feel without the clutter of the traditional navigation bar that spans across the top of a webpage.

National Geographic Channel

killingkennedy

Ball & Claw

bawclaw

Trendy Topic #3 ~ Long Scroll

Another way web design has evolved is how homepages are designed in general. In the early 1990’s users normally wouldn’t scroll past the fold to see what is further down the page (above the fold is the first portion of the homepage that is visible when you land on a site before you start scrolling). In 2016, new studies prove that site visitors now DO scroll down webpages. This shift of user behavior on desktop has mirrored the behavior on mobile, scrolling down a single page.

The long scroll trend that has taken the web by storm makes readability of information on pages much more clear and easy to read. Web design from the early 1990’s to the early 2000’s focused on a hierarchy of data. Information that was most pertinent would normally be placed above the fold, which made readability and user experience a nightmare.

In modern web design, the homepage of a site tells a story, and the way you tell that story makes a visitor want to keep scrolling. Other trends within this long-scroll trend, such as parallax scrolling and scroll animation make it even more enticing to scroll down a page to see what’s next.

Square Space

Screen Shot 2016-02-19 at 2.22.16 PM
Screen Shot 2016-02-19 at 2.24.06 PM

Enginstill

Screen Shot 2016-02-19 at 2.26.09 PM
Screen Shot 2016-02-19 at 2.29.07 PM

Trendy Topic #4 ~ Animations

Animations are another cool, trendy element that has more and more become a staple in web design. These interactive, animated elements keeps site visitors interested and engaged. Animations help brands tell their story on a homepage or webpage, which more likely will cause visitors to keep scrolling and as a result, dig deeper into a sites content. Even the smallest animation can add another dimension to the structure of a webpage.

A few popular types of animations are:

Scroll-triggered animation – animation will begin when a visitor scrolls to a certain point on a webpage. i.e: http://www.fillet.com.br/
Hover animations – animations that activate upon the mouse hovering over an element. i.e: http://www.alectia.com/en/
Video animation – animated video playing as the background. i.e: http://www.aquatilis.tv/

Fillet

Screen Shot 2016-02-19 at 2.30.52 PM

Alectia

Screen Shot 2016-02-19 at 2.33.59 PM

Aquatilis

Screen Shot 2016-02-19 at 2.35.34 PM

A Future Full of Possibilities

It’s safe to say that web design is a craft that is ever changing. The evolution from the first websites in the early 1990’s to 2016 is dramatic to say the least. It exciting to imagine how the future of web design will unfold. Remember, just because these trends are ”trendy” now doesn’t necessarily mean they will work for every demographic or website redesign. Pick the trends that work best for your specific job and audience.

New Call-to-action

leave a comment