Web

Tacky or Trendy: Web Design in 2022

The world of design is ever changing. Learn what's in and what's out in the new year.


As a web designer, it’s my job to educate my clients on the latest trends. Whenever I browse the internet, I’m always taking in design choices in the back of my mind. In this blog, I’ll lay out my predictions for how web design will change in 2022. We’ll discuss what I believe will become a trend and what will be written off as tacky.

What's in? 

1. Scrollytelling

Scrollytelling:  fuses scrolling and storytelling by changing backgrounds, moving text, and triggering interactive animations as a users scrolls through a website.

Scrollytelling is an increasingly popular way to convey an intricate story using visual scroll effects to captivate audiences. The elements are sequenced together in chronological order to convey a specific message to the visitors.

infrared

Infrared Mind Body, uses large images and text that appear using animations. Large close-ups, dim-lit images, large-scale typography, and smooth transitions bring a level of sophistication to their brand.

Why I think this is trendy: 

Keeping people on your page is essential. Humans can’t resist a story. If all they have to do is scroll down the page to see what happens next, they will.

2. Micro Animations

As the title suggests, micro animations are small, subtle animations that are used to guide users through interactions on your website. They add an element of liveliness to your website, like Smashmallow’s hero image.

smashmallow

Micro animations have been popular for a few years, but in 2022, it’ll be about using them organically. Designers should be thinking about how things move, if they’re on a curve or wheel instead of on a flat plane.

Why I think this is trendy:

Most people leave a website after scrolling halfway down the page. Micro animations can encourage users to scroll down just a bit more, decreasing bounce rate and keeping them on your site.

3. Bold and Colorful Visuals

We can expect bold color pallets to dominate the websites of the future. The use of bright contrasting colors to attract users' attention and create a feeling of playfulness helps brands connect with their audiences through design.

bubly

These bold colors will build excitement and create a more entertaining experience for users which will be helpful in conversion rates. Bubly sparkling water’s website does an amazing job at taking bold colors into consideration when designing their site.

Why I think this is trendy:

There is a reason most CTAs are bright colors. Bright colors grab your attention and set that content apart from the rest of the design. Colorful websites do the same—they demand more attention.

What's Out? 

1. Minimalist Designs

As we just talked about this year is all about bold colors, engaging content, and a playful air to design. Minimalism, sometimes called “flat design” is all about clean, sometime monochromatic or limited color design. It has typically been associated with a lot of white space (think Apple). In 2022, the traditional idea of minimalism will be out. A blended minimalist design using more color will likely still be around.

Why I think this is tacky:

The pandemic has hit us hard emotionally. During the pandemic, 4 in 10 adults in the U.S. reported symptoms of anxiety or depressive disorder. (Compared to only 1 in 10 before.) Bright colors affect our psychology—they make us happy. I believe brighter websites are what people want and need to see.

2. Hamburger Menus on Desktop

When you’re using a mobile device, you’ll know the hamburger menu: The three horizontal lines in the upper corner of the display. These lines will show you the navigation area when tapped. This is part of the User Interface (UI). 

User Interface (UI) :  The places on your website where users interact with digital elements or communicate.

 

hamburgerMenu

Nowadays, regular desktop websites sometimes receive the hamburger menu treatment, which confuses visitors and causes a bad User Experience (UX).

User Experience (UX) :  how a user interacts with and experiences a website or design.

 

Why I think this is tacky:

Hamburger menus “gate” information. They keep it out of plain sight, forcing web visitors to put in just a bit of extra effort to find what they are looking for. Other sites will offer easier experiences. Users will be quick to abandon their search and take an easier path on someone else’s site if the option is available.

3. Hero Banner Sliders

Hero Banner :  Usually located on the homepage of a website, this is a “carousel” of rotating images and text, similar to digital billboards that switch the displayed advertisement every few seconds.

 

How many times do you actually click on one of the images (or multiple images) in a hero image slider? Most users ignore these sliders and often a slider makes it more difficult to find important information. With auto-play sliders, you don’t know when a user will land on the content. As soon as they see something that might be of interest, it moves away to the next thing. 

Why I think this is tacky:

If a user is interested in something on the hero banner, but the content changes before they can react, it is often too much work for a user to wait for it to come around again. You've just lost a possible conversion. It’s better to yell one message than to whisper millions.

 

Build a Better Website with Experts

Presh Marketing Solutions has helped dozens of organizations completely renovate their online presence. We work with clients to create modern, effective, lead-generating designs. Check out our portfolio to see some of the work we’ve done.

VIEW OUR WEB PORTFOLIO

 

Similar posts

STAY AHEAD OF THE GAME

Be the first to know about new B2B Marketing insights that impact IT solution providers. Sign up and you'll be the first to receive the latest news, tips, and templates.