14 Web Designs Trends 2024

[@quangbacham7615]

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

[@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.

[@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 😍

[@VoyagesJapan]

I think I might've boosted your retention just by listening to the intro over and over!! Awesome video!

[@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?

[@ijoy_ng]

2:49 - Where can i find the songs?

[@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

[@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?

[@adhd_coach_nic]

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

[@nobody-bt7mu]

Can't seem to find the article. Can you give me the link? Thanks!

[@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!

[@krishgupta7179]

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

[@mdwahid8625]

Hi Michal sorry if I pronounce wrong. I want to know that which trend is the best for my design. Let me break more. If I want to design a product then how can I decide that bento, minimalism, and so is relate with me design. Please say the way to decide the trend. Thanks

[@MalewiczHype]

Don't focus on trends.

[@mdwahid8625]

@@MalewiczHype Thanks but why could I know?

[@sh1ftuck2897]

whats the url of the VERTICAL website?

[@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! :)

[@dariomestre4814]

whats the name of the style at 8.20?

[@GaloAzin]

how can i do these webs?

[@temi7257]

Great Video always! Learnt new styles today

[@MalewiczHype]

Which one was your favorite?

[@dogurasu-chan]

i subscribed like, 5s before u told what u noted about 🙏 great content!!!!!

[@kennkai]

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

[@MalewiczHype]

Will share at some point for sure ;)

[@browix3114]

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

[@thejordanpham]

Where can i find the songs?

[@auror.]

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

[@MalewiczHype]

Thank you! You too!

[@game_x]

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

[@vidhyutpronotes]

I would appreciate it if you could tell us the name of each effect and how they might have been achieved for each section of each website

[@MalewiczHype]

Let me get on that - will take about 20 years to complete though, but you'll wait, RIGHT?

[@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.

[@rasula9]

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

[@aspirin4279]

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

[@akazitur]

What is the name of the intro music

[@waltermelo1033]

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

[@gurukrupa1438]

can anyone say the soundtracks used

[@MalewiczHype]

Shazam can

[@infographie]

Excellent, I learned a lot.

[@Herrochao]

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

[@MalewiczHype]

baer is really cool, I often use her tracks

[@eticilpxs9469]

what about responsive ??

[@sidekick3rida]

the links the the featured websites are nowhere to be found

[@MalewiczHype]

They're on hype4.academy

[@EliasWebsite]

excelente 👌👌

[@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.

[@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

[@user-cr2sp7my8h]

You show a lot of interesting websites, thanks for sharing!

[@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!

[@flaxx8460]

How are these incredible designs created? Figma or vs code

[@MalewiczHype]

mostly javascript and CSS.

[@phantomberzerk9486]

Can i get the music in desc

[@FranksCreativeCorner]

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.

[@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 :)

[@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😍

[@MartinAguirre-ev7xt]

How can yu make this designs responsive?

[@oimosoimo]

Where is the website links?

[@MalewiczHype]

In an article at hype4.academy

[@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.

[@PhantomHarlock78]

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

[@waltermelo1033]

I can code it.

[@waltermelo1033]

​@@PhantomHarlock78 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 :)

[@navya-s3v]

Focused on users design guarantees that your website satisfies the needs and expectations of its intended audience. You can make your site more inclusive and engaging by putting user experience and accessibility first.

[@dithmarscherwebdesign]

But do these websites convert? Beautiful or complex doesn't automatically guarantee that.

[@MalewiczHype]

Some do, some got redesigned since that video dropped :)

[@SzabatDesign]

I wish I could create a website like this :(

[@MalewiczHype]

That comes with time! :)

[@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

[@kbob6980]

Awesome video, such a huge source of inspiration

[@MalewiczHype]

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

[@Eeeeeee7128]

songs were great man! 😅😅😍😍

[@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.

[@eyebiokinjoseph]

This is awesome!

[@MalewiczHype]

More to come!

[@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

[@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 :)

[@SzabatDesign]

Nice soundtracks :)

[@MalewiczHype]

Thanks!

[@SisiBisi-zh1cj]

Thanks

[@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 ;)

[@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.

[@DamuwaMathusa]

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.

[@enenotowitch628]

3:59 - logo

[@renedits2004]

cool🤩🤩

[@product.ux.ui_designer]

Music is top🎉

[@MalewiczHype]

Muchas gracias! :)

[@thetruthwillnevergovoided4344]

Where can we find all of these resources?

[@MalewiczHype]

In an article at hype4.academy

[@hseindesigns]

For the love of inspiration

[@MalewiczHype]

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

[@thelias91]

love how you use musics in your videos

[@MalewiczHype]

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

[@aryaa4696]

How the hell do i code these🥴🥴

[@MalewiczHype]

someone did

[@mentemaestra-z2l]

you invented Glassmorphism!

[@MalewiczHype]

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

[@mikedamacenos]

I'm here for the songs

[@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.

[@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

[@Jaber_Dev]

I ❤

[@Klemeron]

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

[@eckee]

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

[@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!

[@1234kingconan]

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

[@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

[@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!

[@ricardoaponte7479]

These is 2022 trends hahahaha

[@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

[@MoveSustain]

Great video, learnt new styles #mediaartssbcc

[@LitterStopAngels]

Very cool and informative! @mediaartssbcc

[@akazitur]

What is the name of the intro music

[@akazitur]

What is the name of the intro music