Website trends 2020

Website trends 2020

Website trends 2020

Website trends 2020: Web design trends are like fashion trends. You don’t want to follow all of them, but you do want to know what’s next and how to stay current. So in this video, let’s take a look at 9 web design trends for 2020.

So in today’s video, let’s take a look at nine web design trends for 2020.

DISCLAIMER: I often review / link to products & services that I love and think you may find of interest. When you purchase a product/service through one of my link, I receive a commission, which helps me producing free content (you don’t pay anything extra!).

Website trends 2020: what’s new?

hello, I’m your host Kaycinho, I’m a digital alchemist. Following up on last year’s web design trends post, I wanted to wait a little bit to be well into 2020 to see what’s really trending.

Now of course, going from a year to the next doesn’t fundamentally change the web design landscape.

Because some of the trends are are just pursuing their progression on our screens. That being said, like every year new web design trends pop up and old design trends just vanish.

So some of the “trends” will not make it to this chart. Either because they’ve been trends for years and we can’t really call them trends anymore. Or because I’ve already covered those for the 2019 video, and they’ve been taken over by new trends.

And so, I think this post will be much more interesting if I focus on the new web design trends as well as those that were there last year, but that are actually growing.

Of course, this is totally subjective, based on my research as well as my browsing observations, so this is not a universal truth.

But I still hope it will help you and point you in the right direction.

Website trends 2020: The Method

Before we look at the actual trends, let’s make it clear that the ranking is not tied to the value of the trend, but rather to the number of reviewed websites that actually featured that trend.

So for example, trend #1 is not particularly better than trend #9: it just happens to be more used.

Also, it’s worth mentioning that all of the websites reviewed have actually been awarded the Site of the day award on the Awwwards website.

Website trends 2020

For an in-depth review of web design trends for 2020, I strongly encourage you to watch the video at the top of this page.

In this video I share with you my opinion on each trend, and show you how it works out on mobile.

I also share the tools I would use to reproduce each trend with WordPress.

Website trends 2020 – 9: 3D

Website trends 2020 - 9: 3D

3D was already here in 2019 and apparently it is here to stay.

Better computers and better internet connections are no strangers to this trend. While it used to required mastery of 3D software, new tools now allow you to quickly and painlessly add 3D to your websites. Yes I’m looking at you Vectary.

3D website examples:

Recommended tools to reproduce:

Website trends 2020 – 8: Story Telling

Website trends 2020 - 8: Story Telling

As humans, we love stories. Good stories are what makes us go to the movies. Or, more in line with these times, good stories are what makes us binge watching Netflix.

Similarly, story telling is used on the web to hook visitors to your website. This is not new per se. What is new though, is the way to implement story telling through illustration, interaction and video.

Story telling websites examples:

Recommended tools to reproduce:

Website trends 2020 – 7: Immersive Environments

Website trends 2020 - 7: Immersive Environments

Immersive environment look more and more like pseudo open worlds.

While this trend is not for the average web designer / developer, it brings new online experiences to the table.

More than likely, immersive environments are created by studios with the adequate man power, but new tools help reduce the amount of work required.

Immersive environments websites examples:

Recommended tools to reproduce:

Website trends 2020 – 6: Interactivity

Website trends 2020 - 6: Interactivity

Interactivity is another way to hook your audience and make them stay (and /or take action) on your website.

The user interface (UI) and the user experience (UX) play an essential role here, because the last thing you want to do is to make the users feel frustrated.

On the flipside, mastered interactivity can reward you with longer sessions and with an enhanced positive perception.

Interactivity websites examples:

Recommended tools to reproduce:

Website trends 2020 – 5: Custom Pointers

Website trends 2020 - 5: Custom Pointers

In 2020 again we see custom pointers all over the place. But now they also morph and adapt with their environment.

Custom pointers can definitely enhance the user experience when correctly implemented. But, poorly implemented scripts can slowdown your website.

Custom pointers websites examples:

Recommended tools to reproduce:

Website trends 2020 – 4: Minimal Navigation

Website trends 2020 - 4: Minimal Navigation

Minimal navigation is not new per se, it’s been there for a few years.

What we see though is more and more minimalist menus on all devices. Where hybrid navigation used to be the norm (regular nav on desktop and minimal on tablet/ mobile) we now see more and more desktop version with minimal nav only.

The traffic on desktop gets eaten by the mobile traffic, but still: it’s interesting to see this trend develop.

Minimal navigation websites examples:

Recommended tools to reproduce: https://elementor.com/

Website trends 2020 – 3: Dark Mode

Website trends 2020 - 3: Dark Mode

Your OS probably offers the option to enable the Dark Mode, and now dark themed websites are all the rage.

The steep contrast options play a role in this trend, and when combined with some of the other trends like gigantic font sizes), it makes for interesting visual alchemy.

Dark Mode websites examples:

Recommended tools to reproduce:

Website trends 2020 – 2: Vintage Imperfect Asymmetry

Website trends 2020 - 2: Vintage Imperfect Asymmetry

This year we see many vintage styled websites.

But where the first websites of the internet era where mostly amateur, the ones we’re talking about here are well thought out.

They add a level of imperfection to the recipe to make the designs stand out from the very structured layouts we’ve been used to.

And of course, what’s better then a good dose of asymmetry to achieve that?

Now I must say that I’m not a fan of this trend at this point. But like fashion, tastes evolve with the seasons, and what we may find weird today, we may find enjoyable tomorrow.

Vintage Imperfect Asymmetry websites examples:

Recommended tools to reproduce:

Website trends 2020 – 1: Boldness

Website trends 2020 - 1: Boldness

GIGANTIC. BOLD. BOLDER

If you land on websites with gigantic font sizes, don’t panic and try to fine tune your browser, thinking that you must have enabled some kind of magnifier! This is just a trend.

And like any trend, it can be beautifully implemented or on the contrary it can be tasteless.

I’ve seen examples in both camps.

Boldness websites examples:

Recommended tools to reproduce:

Website trends 2020: Your Turn

Website trends 2020

Which ones are your favorite trends and which ones do you plan to implement in your next projects?

Let me know in the comments!

If you watched the companion video and if you like it, please give it a thumbs up, as it really helps growing the channel and if you know someone that could benefit from it, I’m going to ask you if you’d like to share it now.

Because let’s face it, there are so many things to do in a day that if you don’t do it now you’ll probably forget.

Now if you want to brand, market and grow your business it in the Digital Age make sure you subscribe to my email newsletter so that you never miss your share of digital alchemy and tips, tools, services and case studies that can help you grow your business online.

So, that’s it for this episode, I hope to see you around here or on the Youtube channel, and in the meantime, don’t forget to invest in YOUR success!

Share this post

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on pinterest
Share on print
Share on email
>
Privacy Settings saved!
Privacy Settings

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. Control your personal Cookie Services here.

Cookies essentials to the navigation on this website.

Cookies used to remember your choices regarding privacy.

Decline all Services
Accept all Services

Join me on YouTube

subscribe & get exclusive tips to be your own boss

Brand, market

& grow online

​By subscribing you accept to receive my newsletter and occasional marketing offers. Unsubscribe anytime.

close
Scroll to Top

My Account

Featured

Check out the shop!

Subscribe to my newsletter