Website trends 2020: eight examples of progressive design

Restraint in use of colour. Disregard for mobile website visitors. Avoiding the use of video on sites.

These are just a few of the many things you should NOT expect in 2020. Hey, what year do you think we’re living in? 2005?
What you can count on is:

The use of bold colors in combinations that were previously taboo;
The use of advanced technologies tailored to the device on which someone visits a website;
The frequent use of video.

And that’s just the tip of the proverbial iceberg

The online world is changing rapidly. You as an So, you take the appropriate contact list for your products and services from this web site link which is undoubtedly personalized identified number data good quality. Customer Service Available All Day Every Day With all Plans. By using america cell phone number list our we provide phone number lists database to you, it may be mean that … Our Databases (combine everything — each that Advertiser gathered at the permissioned sites [728×90]database quality or quantity by using it you can earn) to help advertisers promote and increase sales companies. entrepreneur and I as a web designer in Antwerp can do nothing but go with the flow. After all, you want to be on top of that proverbial iceberg, not crash into it. Titanic was a great movie, but let’s not imitate it.

To understand what changing demands will be placed on websites in 2020, I will provide 8 web design trends and (if available) examples of websites that apply these trends well.

 

  More video and vlogs

Video marketing and video content have an unimaginably bright future. More than 500 million hours of YouTube video are watched every day. (That’s 500 million times  this video of Gordon Ramsay  bashing disgusting food.)

And video continues to grow in popularity as a preferred content type.  For example, Facebook reported  that videos get an average of 135% more organic reach than a photo. Meanwhile,  73% of marketers report  that video  positively impacts return on investment  (ROI).

What does this mean for online marketing and web design? By 2020,  video is expected  to account for 80% of all online traffic. More and more people are choosing video over photos or text.

Web designers in 2020 will need to create layouts that integrate videos well. Expect landing pages with videos and homepages with vlogs.

 

Example

A website that does a good (and funny) job of using video is the Swiss company  Messieurs.ch . What do they do? They create video content for companies!

 

 Bright colours are back

 

america cell phone number list

More website owners will use bold, eye-catching colors. After all, you need to stand out among your thousands of competitors.

Oversaturating photos and other website elements is going to be trendy, trust me. Not only are deep colors captivating, they’re also attention grabbers, something a website can always use.

By going against the grain, you show that your brand is progressive and a bit eccentric. And that can, depending on the target audience of the website, generate a lot of sympathy.

What further encourages me as  a web designer in Antwerp  to jump on the color bandwagon is the fact that more and more screens are using In-Plane Switching (IPS) technology, which makes bright colors stand out beautifully.

 

Example

The website of Logical Learning to Read,  logischlerenlezen.be , was created by us at Motionmill. This site has an abundance of colors. Striking colors especially!

 

  Handmade illustrations

It seemed for a while that computers would make old-fashioned manual work redundant, also in the field of creating images. And yes, of course a graphic designer can perfectly create an illustration in Adobe Illustrator. But it is not the same as a beautiful handmade drawing, is it?

Fortunately, website owners and designers are starting to realize this. This is slowly but surely leading to a revival of handmade drawings. And not only offline, but also online. After all, a drawing can be perfectly scanned and adorn a website.

Handmade drawings are both charming and human, which can make your website (and therefore your brand) stand out among your competitors.

 

Example

A very sympathetic example of a website with handmade drawings I find studio-mies.nl. Michelle, the owner, has not only made striking drawings for her own site, but also does so for other companies.

 

 Voice-controlled websites

The average person (including me) has the attention span of a goldfish these days. Savvy website owners know they need to work with progressive web designers to capture an increasingly distracted readership.

With millions of devices hosting smart virtual assistants like Siri, Google Now, and Cortana, more and more people are choosing voice over text. This is largely due to the convenience of speaking directly to a device, rather than taking the time to manually type in your queries. Website developers can capitalize on this trend by treating busy audiences to less browsing by offering the more engaging voice-activated model.

Device screens are also getting smaller and busier, and voice-activated models take up little (if any) space and personalize content delivery in a way that text does not.

For a booking site like  Booking.com,  voice control can have a huge impact on the way people use their site. Instead of typing your command, you can say to the site:

“Give me a four-star hotel on the beach in Cyprus in the first week of March.”
And then Booking.com shows you this suggestion:

 

That said, Booking.com obviously doesn’t have this feature yet. It’s a hypothetical example.

This trend started slowly, but the popularity of voice control and input is finally picking up. The following statistics illustrate how and why voice is one of the top web design trends of 2020:

Voice is expected to be a $40 billion channel by 2022. (Source:  Comparehare ).
Globally, the number of smart speakers grew by almost 200% in the third quarter of 2018. (Source:  Strategy Analytics ).
It is expected that 55% of households will own smart speaker devices by 2022. (Source:  OC&C Strategy Consultants ).
65% of 25-49 year olds talk to their voice-activated devices at least once a day. (Source:  PwC ).
61% of 25-64 year olds say they will use their voice devices more in the future. (Source:  PwC ).
The adoption of voice-controlled interfaces by mainstream companies has been relatively slow. However, there are indications that it is only a matter of time before voice takes over as the primary or exclusive input and control option for the masses.

 

Example

My example isn’t a website, it’s an app.  Square Cash  uses Siri integration to let iPhone users make payments by voice.

 

 Asymmetry is okay

Always that boring block pattern with which websites are built. Always that suffocating symmetry that cannot be deviated from.

I’m going to tell you something: it is allowed. Some web designers get rashes and bleeding eyes from asymmetry. And many clients are also wary of deviating from what they know. But not me. (Maybe you’ll be the first client for whom I get to design an asymmetric site?  Contact me! )

I predict that in the near future more designers and clients will show the courage to deviate from the symmetry and block construction that has been chewed up for years.

Why would you do this? Because it makes your site unique and stand out. I think that asymmetric websites radiate a certain brazen assertiveness. Especially with trendy brands with a relatively young target group, this fits perfectly.

 

Example

Dada Data  doesn’t care about the idea that a site has to fit into a certain grid. Let alone that they want to create symmetry. This site shows all the cowards that a site that wipes its feet on all expectations actually exceeds expectations. Dada Data has a gem of a site!

 

  Scalability becomes even more important

Well, this trend is not new. It has been incredibly important for years. But the scalability of websites is going to become even more important than it already is.

A scalable (or  responsive ) website is a site that adjusts the display of the content to the size of the screen. When you view a scalable site on a PC, the site looks different than on your mobile phone. With a non-scalable site, the content of the site often becomes unreadable and parts jump around.

If I look at my own experience as an internet surfer I can conclude that I leave most non-scalable sites immediately. I have to really search very hard for certain information to stay on a non-scalable site.

Not only text and media content can become unclear on a non-scalable site. This also happens with certain buttons. Important buttons need to look different and be directly available on mobile or tablet. On a scalable website, the ‘Menu’ button is incredibly important when viewed on mobile. You need to have direct access to the following crucial elements with this button:

personal account;
shopping cart (if it is a  webshop  );
price information;
site settings (if available to the user);
the help function;
main sections of the site.
Scalability has been a trend for years, and will continue to be so in the coming year, and without a doubt in the years after that.

 

Example

A perfect example of a well scalable site is  thefloor.be , a website tested a fresh analogue of the it platform miro created by our Motionmill team for a  venue in Antwerp . When you view the site on a small screen, the menu is automatically displayed differently. Even the booking module loses none of its functionality when you change the screen size.

 

Long live white space
Emptiness can add power to a website design. In web design terms, white space usually refers to the areas without text or images. We can think of it as “visual silence.” For a design to work well, white space must be applied in the right places.

White space is nothing new, but in the near future, getting it agb directory right will be more important than ever. Why? White space guides the eyes and fingers of the site user. White space around a call to action can lead to a higher conversion. And in a world where more and more of your competitors are represented online, getting a good conversion is a priority.

The term white space is a bit misleading, by the way. While the term “white space” may seem to imply a lack of color, white space can actually be any color that represents negative or empty space in your design: yellow, blue, green, or even a texture or photo.

This means that the example below of the well-known  Google homepage …

 

 

…contains as much white space as Todoist ‘s brightly colored example  :

 

 

 

Both sites use white space to direct your gaze to a specific place:

In the case of Google to the search field;
In the case of Todoist, to the call-to-action.
A good application will largely determine whether you win or lose from your competitors in the future. (Remember the Titanic metaphor from the introduction?)

 

Example

Of course, I’ve already shown a few good examples of white space above, but I want to show you one more. And it’s not a website, it’s an advertisement. A very old one at that! Look at  the Volkswagen image above. See what Volkswagen is doing? They’re doing what we web designers are rediscovering a hundred years later: they’re leaving space open, which makes the design more powerful.

Scroll to Top