14 Web Designs Trends 2024

Подписаться 143 тыс.

Просмотров 95 тыс.

50% 1

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

Опубликовано:

15 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 134

@SkArifHossain 4 месяца назад

😍 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 4 месяца назад

More to come!

@hanoan6172 4 месяца назад

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

@abdoo3301 4 месяца назад

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

@MalewiczHype 4 месяца назад

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 2 месяца назад

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

@EM-fz3hf 2 месяца назад

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 4 месяца назад

Thanks for a great overview of the styles! 💙

@MalewiczHype 4 месяца назад

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

@adhd_coach_nic 2 месяца назад

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

@temi7257 4 месяца назад

Great Video always! Learnt new styles today

@MalewiczHype 4 месяца назад

Which one was your favorite?

@rasula9 Месяц назад

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

@infographie 4 месяца назад

Excellent, I learned a lot.

@auror. 2 месяца назад

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

@MalewiczHype 2 месяца назад

Thank you! You too!

@olgashokalo5723 4 месяца назад

Very useful! Thank you☺

@MalewiczHype 4 месяца назад

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

@eyebiokinjoseph 4 месяца назад

This is awesome!

@MalewiczHype 4 месяца назад

More to come!

@adam_moucka 4 месяца назад

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

@MalewiczHype 4 месяца назад

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

@1234kingconan 7 дней назад

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 4 месяца назад

Awesome video, such a huge source of inspiration

@MalewiczHype 4 месяца назад

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

@kamilwaszewski 4 месяца назад

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 4 месяца назад

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

@FrancoNSosa 5 дней назад

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 4 месяца назад

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 4 месяца назад

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

@MalewiczHype 4 месяца назад

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

@waltermelo1033 4 месяца назад

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 11 дней назад

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

@czerskip 4 месяца назад

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 4 месяца назад

Nice soundtracks :)

@MalewiczHype 4 месяца назад

Thanks!

@hseindesigns 4 месяца назад

For the love of inspiration

@MalewiczHype 4 месяца назад

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

@pawel_gnat 4 месяца назад

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 4 месяца назад

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 4 месяца назад

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

@waltermelo1033 4 месяца назад

I can code it.

@waltermelo1033 4 месяца назад

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

@kenzakhelkhal7931 4 месяца назад

@@waltermelo1033 what tool do u use ?

@KushagraKaushik-gp3cp Месяц назад

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

@game_x 3 месяца назад

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 4 месяца назад

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 4 месяца назад

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 4 месяца назад

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 4 месяца назад

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 4 месяца назад

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 4 месяца назад

Exactly

@udaybhardwaj6973 4 месяца назад

Thanks a lot both of you!

@kennkai 4 месяца назад

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

@MalewiczHype 4 месяца назад

Will share at some point for sure ;)

@fishlychee2897 9 дней назад

whats the url of the VERTICAL website?

@SzabatDesign 4 месяца назад

I wish I could create a website like this :(

@MalewiczHype 4 месяца назад

That comes with time! :)

@iam_hangng 2 месяца назад

2:49 - Where can i find the songs?

@thetechstack0 3 месяца назад

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

@MalewiczHype 3 месяца назад

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

@dariomestre4814 2 месяца назад

whats the name of the style at 8.20?

@itsthesa 4 месяца назад

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

@MalewiczHype 4 месяца назад

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

@itsthesa 4 месяца назад

@@MalewiczHype eagerly waiting for that.

@zaidxdesign4744 4 месяца назад

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

@MalewiczHype 4 месяца назад

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

@zaidxdesign4744 4 месяца назад

@@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 4 месяца назад

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 4 месяца назад

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

@jordan2legit 2 месяца назад

Where can i find the songs?

@ahumblerequest5222 3 месяца назад

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

@MalewiczHype 3 месяца назад

LG Ergo 4K

@ahumblerequest5222 3 месяца назад

@@MalewiczHype Thank You

@marketing_designer 4 месяца назад

Music is top🎉

@MalewiczHype 4 месяца назад

Muchas gracias! :)

@thelias91 4 месяца назад

love how you use musics in your videos

@MalewiczHype 4 месяца назад

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

@GaloAzin 3 месяца назад

how can i do these webs?

@mrcitation425 3 месяца назад

What is the name of the intro music

@shafiq_ramli 4 месяца назад

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

@MalewiczHype 4 месяца назад

We shared the URLs in an article.

@shafiq_ramli 4 месяца назад

@@MalewiczHypeThanks for clarifying

@MartinAguirre-ev7xt 4 месяца назад

How can yu make this designs responsive?

@aspirin4279 9 дней назад

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

@user-wn6de8yt4f 2 месяца назад

you invented Glassmorphism!

@MalewiczHype 2 месяца назад

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

@eticilpxs9469 5 часов назад

what about responsive ??

@Msyo_Jaber Месяц назад

I ❤

@zeeshanmohammad8051 4 месяца назад

Someone please list down the websites with there link

@MalewiczHype 4 месяца назад

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

@samcharo 2 месяца назад

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

@MalewiczHype 2 месяца назад

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

@sidekick3rida 2 месяца назад

the links the the featured websites are nowhere to be found

@MalewiczHype 2 месяца назад

They're on hype4.academy

@shreya_jadhav 4 месяца назад

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

@MalewiczHype 4 месяца назад

what do you mean by cv?

@shreya_jadhav 4 месяца назад

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

@MalewiczHype 4 месяца назад

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 4 месяца назад

@@MalewiczHypethanks for guide me.

@oimosoimo 4 месяца назад

Where is the website links?

@MalewiczHype 4 месяца назад

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 4 месяца назад

Where can we find all of these resources?

@MalewiczHype 4 месяца назад

In an article at hype4.academy

@aryaa4696 12 дней назад

How the hell do i code these🥴🥴

@MalewiczHype 12 дней назад

someone did

@eckee 3 месяца назад

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

@FutureDeluxe234 4 месяца назад

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 7 дней назад

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

@Klemeron 4 месяца назад

"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 3 месяца назад

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 2 месяца назад

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

@bobwilkinsonguitar6142 2 месяца назад

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 4 месяца назад

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 4 месяца назад

Will do 🫡