3 Essential Design Trends, October 2023

Carrie Cousins.
September 25, 2023

Every now and then, website design trends can leave you scratching your head. This month’s collection includes some of those.

3 Essential Design Trends, October 2023.

Even if they look good and follow some design principles, there’s a question about function or usability. These designs can sometimes surprise you and work amazingly, while other times, they simply fall flat. (You’ll have to be the judge here.)

Here’s what’s trending in design this month:

1. Text Above the Hero Image

This website design trend, featuring text above the hero image or video, can look a lot of different ways. In the examples below, you’ll see this range, from images that are still fully visible to those that sneak below the scroll.

This design style also has a totally different vibe between desktop and mobile devices. On a desktop, the image can get lost sometimes, and the visual sharpness seems lacking. On mobile devices, the focus on messaging drives home the importance of the words. There’s also the difference in how these groups of users interact and scroll, with a desktop user potentially missing the main message to get to the image or video, while it is hard to miss on phones.

Taste uses an oversized, stacked bold headline on a rather stark background to ensure you read the words before moving to the video tucked into the scroll. The only real color or motion on the home screen is the rotating menu button – a quite different navigation element. The big “TASTE” letters seem to break some design rules as well.

taste

Lusion balances text about the hero image with an almost full-screen animation that’s scroll interactive. While there seems to be good eye flow, you might totally miss the main headline and go right for the more interactive part of the design. (The liquid hover is pretty slick.)

Lusion


Liz Sintoni’s portfolio site leads with a beautiful oversized headline with an image/video element below. Here, she added one more element, an extra text element, and a button to the left of the image area to help get you further into the work and understand what she’s about.

Liz Portfolio


2. Side-by-Side Storytelling

This isn’t really that unusual of a design device – side-by-side design elements have been popular off and on for a while – but it is evolving in terms of technique and display.

The challenge and trend that seems to be growing is that designers are overlapping elements in the side-by-side storytelling display. There’s less of a clear distinction between the left and right panels.

Sometimes this works beautifully, such as in the first example below. Other times, this can lead to severe readability challenges.

The Midnight Post Book is a website that’s for a book, making it a great example to showcase a storytelling device. With the main illustration to the left and the text to the right, there’s a clear reading flow and a nice balance in the design.

The Midnight Book

Café Del Mar is one of those examples where the sides bleed over a bit. Readability doesn’t become too much of a concern here, but gets a little tricky at some breakpoints. It’s also a lot for the user to digest with a funky typeface, side-by-side design with moving images, an interesting separation element (the zig-zag), and colors without a lot of contrast.

Cafe Del Mar


CCL Hospitality Group
takes the most traditional approach to side-by-side storytelling but has a twist of its own with a non-standard video shape on the right side of the screen. While it looks great, video composition and placement here was probably way more difficult than it looks.

CCL Hospitality


3. Wait … What?

Every now and again, you see a handful of designs that are all totally different but leave you with the same impression. Each of these designs encapsulates a head-scratching trend all of its own. Are you brave enough to try any of these techniques?

DC Tech’s portfolio site will make you do a double-take because it looks like a default Mac desktop. Elements in the “Finder” navigation are clickable, as are all of the icons.

DC Tech Portfolio


White Stone
incorporates plenty of design effects and elements into a seemingly simple aesthetic. The part here that’s different is the overlapping video blocks and almost haphazard placements of elements on the screen. Tack the giant headline and animated mouseover effects onto that, and there’s just a lot to take in visually.

White Stone


The Bowie design (a student project) is interesting because it’s more like a poster for the web. It’s designed to showcase artwork and is almost art in itself. Note there are no real traditional homepage elements present – navigation, text elements, or calls to action. There are some scroll and animated effects as you move down the screen, but this one-page design is definitely different from the norm.

Bowie


Conclusion

Often, when we think about website design trends, it’s with the caveat that there are design things that we must do or try. But that’s not always the case. What works for one won’t always work for all.

Each of the trends and examples here are in the spirit. While they might work for the content therein, there may not be a practical application for other projects. That’s for you to experiment with and decide. Have fun!

Carrie Cousins

Carrie Cousins is a freelance writer with more than 10 years of experience in the communications industry, including writing for print and online publications, and design and editing. You can connect with Carrie on Twitter @carriecousins.

Read Next

15 Best New Fonts, October 2024

Welcome to our roundup of the best new fonts we’ve found online in the last four weeks. In this month’s selection we…

3 Essential Design Trends, November 2024

Touchable texture, distinct grids, and two-column designs are some of the most trending website design elements of…

20 Best New Websites, October 2024

Something we’re seeing more and more of is the ‘customizable’ site. Most often, this means a button to swap between…

Exciting New Tools for Designers, October 2024

We’ve got goodies for designers, developers, SEO-ers, content managers, and those of you who wear multiple hats. And,…

15 Best New Fonts, September 2024

Welcome to our roundup of the best new fonts we’ve found on the web in the previous four weeks. In this month’s edition…

3 Essential Design Trends, October 2024

This article is brought to you by Constantino, a renowned company offering premium and affordable website design You…

A Beginner’s Guide to Using BlueSky for Business Success

In today’s fast-paced digital world, businesses are always on the lookout for new ways to connect with their audience.…

The Importance of Title Tags: Tips and Tricks to Optimize for SEO

When it comes to on-page SEO, there’s one element that plays a pivotal role in both search engine rankings and user…

20 Best New Websites, September 2024

We have a mixed bag for you with both minimalist and maximalist designs, and single pagers alongside much bigger, but…

Exciting New Tools for Designers, September 2024

This time around we are aiming to simplify life, with some light and fast analytics, an all-in-one productivity…

3 Essential Design Trends, September 2024

September's web design trends have a fun, fall feeling ... and we love it. See what's trending in website design this…

Crafting Personalized Experiences with AI

Picture this: You open Netflix, and it’s like the platform just knows what you’re in the mood for. Or maybe you’re…