What's coming next for web design in 2024? (6 New Trends)

💸 Wealthy Designer Newsletter (Free):
www.bit.ly/WealthyDesigner
Learn How To Grow Your Design Business
www.paitpro.com
🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹
*LINKS TO ALL DESIGN EXAMPLES BELOW*
🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹
MORE USEFUL DESIGN VIDS:
🎥 12 HERO Layouts You Can Steal
• 12 NEW HERO LAYOUTS YO...
🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹
CHAPTERS:
0:00 2024 Web Design Trends
0:19 Dark Mode Websites
1:14 Bento Grid
2:12 AI-Generated Imagery
3:01 Extreme Stimulation / Scrapbook Style
3:53 Vibrant Gradients
4:45 Massive Typography
🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹
VIDEO OVERVIEW:
This is a prediction video about web design trends in 2024. I also share real examples of each trend to show you what they look like and how to design them yourself.
🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹
CREDITS:
gencell.preprodenv.com/
www.adidasarena.com/
www.elegantseagulls.com/sauce
www.otterdev.io/
www.ikonliving.gr/
www.parfaitekuisson.fr/
www.gsap.com/
formstudio.site/
homage.se/
vanholtz.co/
dribbble.com/shots/18844926-N...
dribbble.com/shots/20234954-E...
dribbble.com/shots/22061363-G...
dribbble.com/shots/21706848-R...
dribbble.com/shots/22186430-A...
dribbble.com/shots/21965459-I...
dribbble.com/shots/23080021-B...
dribbble.com/shots/23156805-B...
dribbble.com/shots/14587265-E...
dribbble.com/shots/22669463-M...
dribbble.com/shots/21619987-N...
dribbble.com/shots/22242340--...
dribbble.com/shots/22988318-B...
dribbble.com/shots/20394039-A...
www.framer.com
🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹
THANKS FOR WATCHING: What's coming next for web design in 2024? (6 New Trends)

[@PaytonClarkSmith]

Come join my private group! We just added some *new trainings* and a brand new resource to help with pricing your design work www.paitpro.com

[@dmar4501]

iM a Long Haul Trucker, looking to get off the road for good. Always had a liking for some sort of design work. Bought myself a laptop and im learning so much about this business. Much respect to you all honestly! I hope to get there one day and have a better quality of life for my family and myself

[@wfwfwfwfwfwf]

Good luck and enjoy the (new) ride!

[@stephaniekovich6070]

I'm definitely hearing a lot of people suggesting gradients in the design, so I'm definitely leaning towards that trend. I do like the look of the dark mode websites too depending on the client. Thanks for the video! Glad i found your channel.

[@ZOEAnimationStudio]

spot on bud, thanks for the video, yeah, I am keen on pretty much all of the trends, except for the scrapbook.

[@innerinsights224]

It was actually on pait digital where I saw you use this big heading that took up like maybe 75% of the width containing like 3 words and it was then that I realised I don't have to be afraid to use somewhat big text. As long as the layout is simple and not too complex I guess big text is a + since it's easy to see and understand what's going on.

[@tfdesign4072]

Great video mate!

[@thomashoggren1327]

Hi Payton, am a fan of your content, but I am far from managing to keep up with your high tempo 😉. I like all 6 of the trends you show. In the end is the purpose that decide what to adapt. The endproduct and the customers market will set the limits... Keep going Payton!

[@danielapro9755]

It's been a pleasure watching Payton's content getting incrementally better. Love it

[@infographie]

Excellent, I learned a lot.

[@createvans]

Hey man, nice jacket! cool video.

[@joshuagalvan980]

Another one is going to be popular is 3D on scroll websites, especially when we are able to load pages faster with them.

[@lydialutz]

I love gradients and bento grids! The large text is a nice idea. Hm, I'd love to see statistics if ai-generated imagery is taking over stock photos. Obviously cannot totally at this point but could make a big dent.

[@Trixdi3DLinks]

we 3D link-in-bio are also trend, great, thanks for the video and mention

[@plushcad]

The scrapbook and the vibrant gradients are two styles I am kind of over. The others I like especially the larger typography. I think the typography one will last a bit longer just because it seems like it takes its inspiration from cool print layouts which have stood the test of time.

[@FloNocode]

I love so much Bento design!

[@olayinka-ajibsjoshua5776]

My main issue with every trend is that they treat mobile As an after thought when it comes to creativity, Most of the Uniqueness of these websites are the Desktop version, I can't wait till we get a very mobile centric Design evolution. Cuz that is the biggest piece of the pie

[@PaytonClarkSmith]

This is a really good point. I think the struggle is mobile is just so limited by space that desktop is the only viewport where designers and devs can really express themselves. Then for their mobile responsiveness they simplify everything. So I guess what I am saying is I understand why these trends mostly show in desktop

[@thomashoggren1327]

@@PaytonClarkSmith As a designer I have been very happy to work with the desktop as focus and designarea, you can work with all the creativety. But since some years I am forced to set the smaller screens in focus and it's hard and limited. But lately I have started to get inspiration from converting big sites and large amount of information into smaller simplified areas and functionallity... The work has got more edge. Keep the good work going Payton. Like your posts.

[@CrivRex]

It would be cool to see your thoughts on good web designs for different types of industries. ie real estate, architectural, food, hospitality etc… Added* for 2024 :)

[@noumbissistael1470]

The last trend I'm also a fan of 😊

[@sarahdulat3613]

I think the bento is even more eye-crossing than the scrapbook. I’ve been over gradients since the last time it was a trend like ten years ago.

[@hutheyfagaming7845]

hey payton, huge fan of your content. I know about webflow but I'm quite confused on how to scale on webflow knowledge and how to become a pro, i know I'm at a world third country and paying for the subscription is quite pain in the ass 😄. what do recommend on being webflow expert and practicing?

[@PaytonClarkSmith]

It can be a little pricey. It gets easier once you get paying clients so you don’t feel like you are paying out of your own pocket. I would make sure you are familiar with all the Webflow university videos then start trying to land some client projects to get some more experience!

[@skillfulwebdesign]

I'm a realtor and I'm looking for a new layout for my website and I feel that Bento grid will be the best option. The Bento grid will allow my visitors to immediately identify what they need such as "Buying" "Selling" "Renting". I hope I am correct 😅

[@lydialutz]

I think so, just make sure you pay attention to hierarchy, training people's eyes where to go

[@BigfellaAutoExpress]

what about for a booking website?

[@ytuberf117a]

What's coming: We need to find a better industry where we don't have to beg for work hundreds of times to only land one customer, or pay the price of a new car to get the privilege of warm leads.

[@madtho]

Start reading Blair Enns, Jonathan Stark and watching Chris Do (The Future). A better way is possible.

[@mahdi.mortazavi]

please introduce some website for create vibrant gradient

[@HowToDrip]

How well does massive font work for mobile?

[@tour-de-tour]

od do you call it bento grid?? not tile design?

[@TheR0SE04]

how to sacle AI images without losing quality?

[@sicfxmusic]

Me: This is the new trend Client: You kidding Client after 2 years: I want this

[@abubakarsadeeq2974]

The trend I love the most is using of huge and big typography and the use of linear gradient.

[@PaytonClarkSmith]

Agreed!

[@blakpulp1366]

Mine as well

[@DodaGarcia]

Lol we're calling anything with a light-on-dark palette "dark mode" now? There's always been dark backgrounds in web design. And while the evidence on whether it really is easier on the eyes is iffy (it certainly depends on how much text there is to read), it's certainly not true that a light-on-dark scheme automatically looks cleaner and more professional - you just happen to be looking at clean, professional designs.

[@cuoreribelle4584]

Hi, in your opinion, what is the best program for creating a website?

[@sicfxmusic]

You can't finish a custom designed website with just one program. Or simply go for online free/paid services like Squarespace etc...

[@cuoreribelle4584]

@@sicfxmusic if you don't know what to answer it would have been better not to write anything, because the program that creates a complete site exists and is called WYSIWYG Web Builder

[@iamscifi6710]

Most consumer traffic comes from a mobile device and most business traffic comes from desktop devices. These trends are great, but not for mobile devices. The only trend that seems to work well in mobile devices is gradients.

[@kennyPAGC]

Where's neumorphism? We have seen it popping out in the last months of 2023 in major companies like Google, Samsung, Airbnb or Reddit. It is the only reasonable candidate to neobrutalism and scrap book style we've seen in 2023 and really seems to be the new all-purpose flat or material design.

[@hadiaslam7801]

Bento and massive type especially massive type and i'm going to use it in my own webflow portfolio website

[@skillfulwebdesign]

Same thoughts here

[@AnyelinaL]

Dark background is horrible!!! Light Gradient much better!

[@blakpulp1366]

Although i see good use cases, the scrapbook style is the most disliked in my thought process.

[@FloNocode]

I search content creator who explain how build amazing and interactive Bento Design. If you know please share

[@TheSUPERWIND2023]

Idc about web design rules, the scrapbook style is awesome.

[@andreaskarz]

Dark Mode is just for nerds and iPhone Kids