14 Web Designs Trends 2024

14 beautiful styles of modern web design! Some websites belong to more than one style - obviously, because the best designs often happen exactly when styles overlap. But let's explore the awesome work of so many talented designers and of course get inspired!
If you're a UX/UI designer looking for project inspiration, look no further! And if you want me to do more of these inspiration videos let me know in the comments!
🔗 You can find all the links to the featured websites at hype4.academy in the articles. And while there don't forget to make a FREE account and start a Design Challenge to get your skills up!
👑 Or get the pro plan at hype4.academy/plans and learn faster with guided challenges, AI Feedback and exclusive materials! ❤️
2️⃣5️⃣% discount code for hype4academy.gumroad.com is:
9h4r24i
❤️ Get my beginner book to get you started:
hype4academy.gumroad.com/l/gu...
Watch next:
• 2024 Design Trends
----------------
Hi, I'm Michal and Ive been a designer since 1998. I worked on products for both Fortune500 companies and hundreds of startups. On this channel I'm sharing my design, marketing, ux and ui knowledge with you.
----------------
00:00 Intro
00:16 Web Design is king
00:54 3d Websites
01:52 Improving your designs
02:42 Big Typography
03:25 Unique visuals
03:39 Minimal Photos and Videos
04:16 Crazy animations
04:52 Bento boxes
05:12 Huge Product Showcases
05:53 Monochrome Design
06:52 Colorful Auroras
07:42 Classic Minimalism
08:09 Brutalism
08:28 Photo Grids
08:51 Text Heavy
09:19 Insane Quality Showreels
#webdesign #design #web

[@SkArifHossain]

😍 Monochrome design trends, and thank you Michal. I'd love to see more of the different ideas in your future videos and have an awesome day 💞

[@MalewiczHype]

More to come!

[@hanoan6172]

I was impressed by the intro!! Useful content always 😍

[@abdoo3301]

Bento, Monochrome & Minimal are my absolute favourites 🙌🏻 very well edited, loved the new style 😻

[@MalewiczHype]

Monochrome we'll definitely explore more this year on the platform.

[@marexibinsa2915]

Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!

[@quangbacham7615]

I love the background music. You have such a good taste! 😄

[@EM-fz3hf]

I really liked the web design at 1:07. Very interesting & modern looking. It's giving me ideas. I like the complex 3d interactive idea & look.

[@monikavarkalyte1353]

Thanks for a great overview of the styles! 💙

[@MalewiczHype]

I'm thinking of doing more of inspiration types videos this year. Which one did you like best of these examples?

[@adhd_coach_nic]

Music choices here are amazing. Please list them and do so in every video!

[@temi7257]

Great Video always! Learnt new styles today

[@MalewiczHype]

Which one was your favorite?

[@rasula9]

More than website inspiration, I collected a few of really good soundtracks using Shazam. Thanks!

[@infographie]

Excellent, I learned a lot.

[@auror.]

Thank you. It was an excellent video. I hope you will have an awesome day.

[@MalewiczHype]

Thank you! You too!

[@olgashokalo5723]

Very useful! Thank you☺

[@MalewiczHype]

Glad it was helpful! I constantly notice beautiful stuff like that so decided maybe I should start showing these examples here :)

[@eyebiokinjoseph]

This is awesome!

[@MalewiczHype]

More to come!

[@adam_moucka]

Tendril killed the animation 🔥 awesome video! Love the music sync

[@MalewiczHype]

Yeah, some truly awesome and interactive anims in there. Shows what's possible!

[@1234kingconan]

Thanks for this I didn't know that trend was called bento and I have seen it a lot but didn't even know it was a trend. I have seen some good and some poor executions of bento and I was wondering what they are trying to achieve there. Now that I saw how it's supposed to look now I get it.

[@kbob6980]

Awesome video, such a huge source of inspiration

[@MalewiczHype]

Ja tylko kakałko piję, za to ceremonialne. Dziękuję :-)

[@kamilwaszewski]

Great examples 🎉 Thanks! What do you think about AR/VR this year? (I’m thinking about it because of Apple Vision Pro release 😂) How about skeumorphism?

[@MalewiczHype]

I will cover both Vision Pro and Skeuo, but first I need to get the goggles :)

[@FrancoNSosa]

Dunno if I'd even have the energy to code a webpage with the amount of animations most of these have, though a lesson I did get here is to be bold with your designs, to make them have an impact on the viewer.

[@FarhaPariJabi]

I know wordpress n shopify i want to learn more so should i go for ui/ux designer course (figma,figjam,adobe xd) or webflow,spline and framer?? Suggest me pls

[@Eeeeeee7128]

songs were great man! 😅😅😍😍

[@---of5ql]

Intro track is fantastic, Shazammed it: Baer - The Most (if not already mentioned somewhere)

[@MalewiczHype]

baer is really cool, I often use her tracks

[@PATOUIUX]

I'm excited about design in 2024!!!!

[@MalewiczHype]

Lots of new things to try! I'm all in to experiment with new styles and merging them! :)

[@waltermelo1033]

do you think on launching a course about designing those type of websites?

[@browix3114]

Is there any videos how to create them using html css js etc?

[@krishgupta7179]

1:47 2:59 3:45 4:00 4:10 4:45 8:34

[@czerskip]

Whichever effects used, a single huge no-no is and will always be scrolljacking which seems to be the case in a few of your examples.

[@SzabatDesign]

Nice soundtracks :)

[@MalewiczHype]

Thanks!

[@hseindesigns]

For the love of inspiration

[@MalewiczHype]

And that can lead to some cool stuff in your own projects. It's a win-win! :)

[@pawel_gnat]

There is a big problem with beatiful designed pages. They are needed to code. That means time and money. Business want value and return, fancy animations is not enough to sell.

[@MalewiczHype]

A page can be beautiful without animations too. Many companies go for cheap to code templates and end up with just plain bad websites. There is a middle ground that should definitely be followed.

[@harlockmbb]

Frontend seems like a dying art, with even less good coders and mot ones using Elementor. -_-"

[@waltermelo1033]

I can code it.

[@waltermelo1033]

​@@harlockmbb unfortunately its true, although I code I just use no code tools because the market asks me to do so.

[@kenzakhelkhal7931]

@@waltermelo1033 what tool do u use ?

[@KushagraKaushik-gp3cp]

Hey can you also give the links for these cool website :)

[@game_x]

Can these stuffs be done on no code platfor like webflow?

[@Arsalan-tv9bq]

These were the examples, we want tutorial to create like those

[@MalewiczHype]

who's we?

[@Arsalan-tv9bq]

​@@MalewiczHypeAlright, I mean I want tutorials 😅, those are the best designs I have ever seen😍

[@user-fv9tt6nm5z]

Thank you for this video. I believe we (beginner) need more education to acquire customers. Any content waiting for us? thank you very much in advance

[@MalewiczHype]

There are some things I already shared a video or two about that but there will be some more content like that for sure.

[@udaybhardwaj6973]

Does learning tools like after effects and Blender help in the long run when it comes to 3-D and animation, while learning Ux design ?

[@MalewiczHype]

That depends whether you want to be a standard UX designer or just a general web designer. There are definitely more jobs for versatile web designers out there so knowing at least a little of surrounding areas like animation or 3d always helps.

[@temi7257]

I feel it's not compulsory to learn but if you can (learn it) it would definitely help and enhance the presentation of your products

[@MalewiczHype]

Exactly

[@udaybhardwaj6973]

Thanks a lot both of you!

[@kennkai]

can i have your playlist too, it's pretty sick tho

[@MalewiczHype]

Will share at some point for sure ;)

[@fishlychee2897]

whats the url of the VERTICAL website?

[@SzabatDesign]

I wish I could create a website like this :(

[@MalewiczHype]

That comes with time! :)

[@iam_hangng]

2:49 - Where can i find the songs?

[@thetechstack0]

Frankly, you also need to share the list of all the cool music you use in your videos.

[@MalewiczHype]

Haha well, I may have to make a playlist at some point ;)

[@dariomestre4814]

whats the name of the style at 8.20?

[@itsthesa]

Okey, Now I have a question, are we going to get any course on creating 3d interactive ui design

[@MalewiczHype]

Potentially, yes. But not anytime soon. Got other stuff to work on :)

[@itsthesa]

@@MalewiczHype eagerly waiting for that.

[@zaidxdesign4744]

How do we design some of these in Figma? Like 3D ones for example? How to design and present the idea?

[@MalewiczHype]

Don't think in terms of Figma - think broader.

[@zaidxdesign4744]

@@MalewiczHype I understand what you mean as we shouldn't be limited by any tool but I am just trying to think as a designer on how do we design these and share the ideas with an actual client.

[@MalewiczHype]

You can use an external 3d tool like spline to mock up a single state of a 3d object on a website for example, then finish it off in Figma

[@zaidxdesign4744]

@@MalewiczHype Thanks for responding. Are you going to cover this type of thing in a future course?

[@jordan2legit]

Where can i find the songs?

[@ahumblerequest5222]

Sir, I really like your content. I want you to recommend me some 4k monitors for designers.

[@MalewiczHype]

LG Ergo 4K

[@ahumblerequest5222]

@@MalewiczHype Thank You

[@marketing_designer]

Music is top🎉

[@MalewiczHype]

Muchas gracias! :)

[@thelias91]

love how you use musics in your videos

[@MalewiczHype]

Thanks! I'm constantly looking for cool tunes :)

[@GaloAzin]

how can i do these webs?

[@mrcitation425]

What is the name of the intro music

[@shafiq_ramli]

Maybe next time you should share the websites url? Put it on video or description would immensely be helpful.

[@MalewiczHype]

We shared the URLs in an article.

[@shafiq_ramli]

​@@MalewiczHypeThanks for clarifying

[@MartinAguirre-ev7xt]

How can yu make this designs responsive?

[@aspirin4279]

6:11 why does the subscribe button change 😮???

[@user-wn6de8yt4f]

you invented Glassmorphism!

[@MalewiczHype]

Named it, combined all the main rules and pushed it so more people can use it - so kind of.

[@eticilpxs9469]

what about responsive ??

[@Msyo_Jaber]

I ❤

[@zeeshanmohammad8051]

Someone please list down the websites with there link

[@MalewiczHype]

The list is on our site in an article. hype4.academy/articles/design/web-design-inspiration-styles

[@samcharo]

Dude, next time dump the links to these websites too on the description, thank you though!

[@MalewiczHype]

The links are in an article that should be linked in the description.

[@sidekick3rida]

the links the the featured websites are nowhere to be found

[@MalewiczHype]

They're on hype4.academy

[@shreya_jadhav]

I want to make cv as a assignment please suggest me design with help of this new trend.

[@MalewiczHype]

what do you mean by cv?

[@shreya_jadhav]

@@MalewiczHype resume. It's my college assignment. I want to make it something creative that's help me for improving my design skills.

[@MalewiczHype]

resume should not be creative and visual in any way - as simple and minimal as possible and structured to be processed ok by ATS systems

[@shreya_jadhav]

@@MalewiczHypethanks for guide me.

[@oimosoimo]

Where is the website links?

[@MalewiczHype]

In an article at hype4.academy

[@EM-fz3hf]

Where do these types of web designers exist? I've looked everywhere (Upwork, Fiverr & Google) & can't find any designers who showcase that they design this type of work. I'm a new Ecommerce entrepreneur & really don't want to design my own webpage because I want it to be higher end & I don't have time or patience to learn these skills. All I can find so far is basic themes & designs everywhere. Are these types of designers hard to find? I already have my vision but am not finding any designers that do these types of styles in this video. Maybe because it's too modern or too new? I'm just really not looking for a basic, bland or standard webpage but that's what's mostly of Fiverr & Upwork. It'll be a 1 product page but I want to incorporate a lot of 3D product animation visuals, videos & an interactive experience for the customer but I'm also not trying to pay an arm & a leg or do it myself. Is there anyway I can find a designer with the styles shown in the video that charges $1k or less?

[@MalewiczHype]

For that level of design quality it's unlikely you'll find someone under $1K - but of course it is possible in some countries.

[@EM-fz3hf]

@@MalewiczHype Thanks for letting me know. What do you think the ballpark would be for a 1 product 1 page store?

[@thetruthwillnevergovoided4344]

Where can we find all of these resources?

[@MalewiczHype]

In an article at hype4.academy

[@aryaa4696]

How the hell do i code these🥴🥴

[@MalewiczHype]

someone did

[@eckee]

bento is already old imo. Apple overused it and anyone who uses it is Apple wannabe.

[@FutureDeluxe234]

Those arent web design trends those are design studios that do everything to stand out from the crowd, no big company in the world would want a UI or animations like this

[@1234kingconan]

Dude every single website these days is doing that dark mode thing with an aurora lol they all look the same.

[@Klemeron]

"insane" and "web design" don't really fit

[@gus2673]

Great video, but the music is a mess and annoying.

[@MalewiczHype]

It's interesting to read those comments because there's 3 opinions for every 2 people :-) Most are asking for the playlist. But I get it!

[@simon1730]

Form follows function is the golden rule in web design. The designs are beautiful but they perform awful in seo and usability etc.. They look nice on desktop but we are in 2024 -> MOBILE FIRST. If i would scroll on such a website on my mobile device i would close the tab in seconds. Also they are very hard to accsess for people with disabilities and thats an absolute NO GO!

[@rj3654]

Please change this intro music

[@McBEASTse]

These examples are all accessibility nightmares. Cool? Absolutely. Useful and readable? Absolutely not.

[@bobwilkinsonguitar6142]

I'd love to hear which examples you thought were bad. I view some of them as sacrificing intuitive use for 'cool' factor, but i dont see anything downright inaccessible

[@macieja92]

Please reevaluate the audio levels next time. Whenever the music starts playing, I have to lower the volume because the music is much louder than your voice 🪦

[@MalewiczHype]

Will do 🫡

[@josedomingovegaviera2371]

yeah, I was looking for someone else who found this annoying too. Is a really great video but at the sound is messy

[@LitterStopAngels]

Very cool and informative! @mediaartssbcc

[@mrcitation425]

What is the name of the intro music

[@mrcitation425]

What is the name of the intro music