What websites will look like in 2019


The web has been changing rapidly for years. There’s always something new on the horizon in web design and web development. The complex and dynamic nature of the internet lends itself to the rapid proliferation of new trends. Each year we see a new set of styles and standards that become attractive for business and brands to incorporate into their projects.

Staying on top of these trends is essential to your business because 46.1% of people regard design as being important in determining the credibility of a company. Following these trends will help to legitimise your business, and they might even go as far as improving your conversion rates.

We’re going to take a look at some trends that will become more pervasive online as we enter 2019.


Brutalism with websites is going to be making a bigger splash in 2019. This web design trend is characterised by big bold blocks of colours that are safe for the web (think default), gradients, and copious amounts of white space. This trend may not have the broadest appeal, but if you know your audience will respond positively to this trend, you’d be wise to adopt it.

Brutalism is all about getting to the beckrock of what a website is. It aims to replace the over-designed experiences we’re currently used to. Leaving us with just the brutalist building blocks. These sites can look great if executed correctly.

Some examples:



Indiencon 2018


IKEA – Life at home
IKEA – Life At Home

Card based layouts

Card layouts are a component of the material design. It’s a simplified layout for news websites, magazine sites, portfolios and blogs. Cards allow you to present your content to users in a compartmentalised snapshot. Most card layouts use images and display some original text in addition to an image or a video. Cards allow you to view large amounts of copy or images in a way that readily lends itself better to organisation.

You’ve likely seen card based layouts before, as they have been around for a while now. What you will start seeing is more sites adopting this format for their content, were before they used something else as an abstraction.

Some examples:



Shopify Themes
Shopify Themes


Facebook Design
Facebook Design

Static website generators

Static website generators are becoming more popular as people discover that by going back to the roots of the web (static HTML), you can gain speed, increase security, and customise and change your website more accessible.

This is less of a trend in web design, and more to do with the back ends of websites, and development. What these tools provide website owners with however, is the ability to design and iterate quicker, which will in turn, speed up the rate at which web trends are adopted and recycled.

Some examples:


Jekyll is a simple, blog-aware, static site generator.

You create your content as text files (Markdown), and organize them into folders. Then, you build the shell of your site using Liquid-enhanced HTML templates. Jekyll automatically stitches the content and templates together, generating a website made entirely of static assets, suitable for uploading to any server.

Jekyll happens to be the engine behind GitHub Pages, so you can host your project’s Jekyll page/blog/website on GitHub’s servers for free.

Site: https://jekyllrb.com/docs/home/


Hugo is a fast and modern static site generator written in Go, and designed to make website creation fun again.

Hugo is a general-purpose website framework. Technically speaking, Hugo is a static site generator. Unlike systems that dynamically build a page with each visitor request, Hugo builds pages when you create or update your content. Since websites are viewed far more often than they are edited, Hugo is designed to provide an optimal viewing experience for your website’s end users and an ideal writing experience for website authors.

Site: https://gohugo.io/


Gatsby is a blazing-fast static site generator for React.

Site: https://www.gatsbyjs.org/

Dramatic typography

Typography online is getting bolder. And in 2019 there is going to be even more experimentation with using large fonts that dominate the page. This trend towards the more creative use of typography will allow brands to be more expressive and adventurous with what fonts they use on their website, and how they present them.

In 2019 we will also probably see more brands creating their own fonts.

Some examples:

Airbnb Cereal
Airbnb Cereal


IBM Plex
IBM Plex


Artiste Benoist
Artiste Benoist

Web VR and Video

Web VR and 360 videos will allow more brands to create new types of content online. The opportunities presented by VR are astounding. Especially combined with the ability to embed some of this groundbreaking technology in a standard web browser.

These dynamic and unique experiences will become more pervasive as the consumer technology for VR proliferates. Brands will seek to incorporate these experiences into their existing websites. A great example of this is Ikea’s showcase.

Some examples:

Youtube Virtual Reality Channel
Youtube VR


Facebook React 360
Facebook React 360



These are smaller interactions online that are especially helpful on mobile platforms to indicate minor changes in the UI. Twitter is an excellent example of a company using micro-interactions correctly. The subtle visual feedback and noise that is used when you refresh your feed, for example, is the perfect way to convey meaning to users about a small change or action that they have taken.

Using these small indicators in your UI is going to be an opportunity to help users better navigate your site or app in 2019.

Some examples:


Micro interactions



When it comes to what you can do online to stand out, you need to be aware of what is trending. Not everything that is trending will suit your businesses or projects needs, but if you aren’t aware of trends, in general, you will almost certainly miss out.

2019 is going to be another year in which we see quick changes is trends online, and it’s going to be more critical than ever to be aware of what’s out there, what others are doing, and what effect all of these trends might have on your bottom line.

About the author

Matt Naus

I have been building web applications and other digital products for more then a decade. Currently on an exciting journey discovering the ins and outs of content marketing while growing my newest business. Dedicated to helping digital agencies and entrepreneurs around the world succeed!

1 comment

  • The most interesting static CMS that change the game is Publii – a lot better that Hugo or Jekyll. Consider to mention about that.

Recent Posts

Recent Comments