Schedule a call
  1. Oversized text
  2. Illustrations
  3. Lots of white space
  4. Voice User Interface
  5. Microinteractions
  6. Full-screen forms

Oversized Text and Interface Elements

In order to highlight important facts, structurise the layout and grab visitors’ attention, web designers started to incorporate large, prominent elements. This covers pretty much any element a website may consist of such as buttons, photos, illustrations and so on.

The trend has been going for a while in 2019, but we believe it will really take off this year. Especially since designers have started to tailor website experiences for users with disabilities. The bigger elements are not only easier to spot, but also to read and understand.

An oversized hero text example on twitch.tv
twitch.tv
An oversized hero text example on sonos.com
Sonos

Custom Illustrations

The marketing has shifted towards personalisation. One way to make a website more personal and “human” is with custom illustrations. Whether it’s an isometric graphic, a flat vector picture or a hand-drawn illustration it all tells a story that your users will want to hear.

Having tailored illustrations on your website is always a great way to convey your brand identity.

Custom illustrations in the background of Digital Ocean's hero section
Digital Ocean uses illustrations in their background images.
MailChimp custom illustrations
MailChimp‘s illustrations are a part of their brand.

Plenty of White Space

Along with the minimalistic movement in pretty much every industry, the web design opts for white space between elements. It provides us with a breath of fresh air. It can increase legibility, highlight important design elements such as buttons, sections, and columns and create an overall tidy and pleasing appearance.

Whitespace on the Afresh website
Afresh Technologies
Spivak Architects

Voice-Controlled Website Interface

Hands-free interfaces have proven themselves useful and convenient. Voice assistants such as Siri or Alexa have seen the boom in popularity in the last couple of years. Mobile applications such as Google Maps featured the voice search to receive directions. We believe that websites will join the trend in 2020.

annyang! is a javascript library for website voice control
annyang! is a library that allows users to control your website with voice commands.

Interactions and Animations

Further on the note of personalisation, little things matter too. While videos are nothing new, we think we will see more interactive and animated elements on websites. After all, motion is engaging and eye-catching. It’s biologically proven that our eyes instantly gravitate towards motion, so next time you design a website think of parts that you would draw the most attention to.

Animated campaign on Cash App’s website.
Interaction Design Lab uses an animated Home page.

USEFUL WEBSITE & MARKETING TIPS DELIVERED ONCE A WEEK

Includes tools to maximise your website potential.

Full-Screen Forms

Online forms play an integral role in the success of a website. They enable visitors to contact a business, provide feedback or create an account. Expanding the forms to the full-screen size makes them more inviting thus reducing the abandonment rate. Larger website forms also provide more screen space for guiding users through the process.

Full-screen forms by Typeform.

Not sure if it’s the right time to jump on the bandwagon?

Our team uses the innovative Web Design Sprint to solve your biggest website challenges in just a few weeks. It’s a series of collaborative workshops which helps us align your team and agree on the best way forward. If you have a breakthrough idea that needs validation, get in touch to see how we can help you.

Originally published Jan 09, 2020 9:11:00 AM, updated June 24 2022.

Don't forget to share this post!