14 Web Designs Trends 2024

Поделиться
HTML-код
  • Опубликовано: 28 дек 2024

Комментарии • 158

  • @quangbacham7615
    @quangbacham7615 8 месяцев назад +13

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

  • @SkArifHossain
    @SkArifHossain 11 месяцев назад +23

    😍 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 💞

  • @abdoo3301
    @abdoo3301 11 месяцев назад +16

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

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад +3

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

  • @hanoan6172
    @hanoan6172 11 месяцев назад +10

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

  • @monikavarkalyte1353
    @monikavarkalyte1353 11 месяцев назад +6

    Thanks for a great overview of the styles! 💙

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад

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

  • @PATOUIUX
    @PATOUIUX 11 месяцев назад +2

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

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад +1

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

  • @VoyagesJapan
    @VoyagesJapan 3 месяца назад

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

  • @adhd_coach_nic
    @adhd_coach_nic 9 месяцев назад +5

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

  • @temi7257
    @temi7257 11 месяцев назад +3

    Great Video always! Learnt new styles today

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад

      Which one was your favorite?

  • @pawel_gnat
    @pawel_gnat 11 месяцев назад +63

    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
      @MalewiczHype  11 месяцев назад +30

      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
      @PhantomHarlock78 11 месяцев назад +5

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

    • @waltermelo1033
      @waltermelo1033 11 месяцев назад +2

      I can code it.

    • @waltermelo1033
      @waltermelo1033 11 месяцев назад +1

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

    • @kenzakhelkhal7931
      @kenzakhelkhal7931 11 месяцев назад

      @@waltermelo1033 what tool do u use ?

  • @dogurasu-chan
    @dogurasu-chan Месяц назад

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

  • @kennkai
    @kennkai 11 месяцев назад +1

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

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад

      Will share at some point for sure ;)

  • @auror.
    @auror. 9 месяцев назад

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

  • @ijoy_ng
    @ijoy_ng 8 месяцев назад +1

    2:49 - Where can i find the songs?

  • @FarhaPariJabi
    @FarhaPariJabi 11 месяцев назад +1

    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

  • @infographie
    @infographie 10 месяцев назад +1

    Excellent, I learned a lot.

  • @GaloAzin
    @GaloAzin 10 месяцев назад +1

    how can i do these webs?

  • @rasula9
    @rasula9 7 месяцев назад +1

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

  • @nobody-bt7mu
    @nobody-bt7mu 5 месяцев назад

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

  • @game_x
    @game_x 9 месяцев назад

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

  • @user-cr2sp7my8h
    @user-cr2sp7my8h 6 месяцев назад

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

  • @dariomestre4814
    @dariomestre4814 9 месяцев назад

    whats the name of the style at 8.20?

  • @zaidxdesign4744
    @zaidxdesign4744 11 месяцев назад +1

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

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад

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

    • @zaidxdesign4744
      @zaidxdesign4744 11 месяцев назад

      @@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
      @MalewiczHype  11 месяцев назад +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
      @zaidxdesign4744 11 месяцев назад

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

  • @gurukrupa1438
    @gurukrupa1438 3 месяца назад +1

    can anyone say the soundtracks used

  • @EliasWebsite
    @EliasWebsite 4 месяца назад +1

    excelente 👌👌

  • @sh1ftuck2897
    @sh1ftuck2897 6 месяцев назад

    whats the url of the VERTICAL website?

  • @Arsalan-tv9bq
    @Arsalan-tv9bq 8 месяцев назад

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

    • @MalewiczHype
      @MalewiczHype  8 месяцев назад

      who's we?

    • @Arsalan-tv9bq
      @Arsalan-tv9bq 8 месяцев назад

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

  • @udaybhardwaj6973
    @udaybhardwaj6973 11 месяцев назад +1

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

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

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

      Exactly

    • @udaybhardwaj6973
      @udaybhardwaj6973 11 месяцев назад +1

      Thanks a lot both of you!

  • @browix3114
    @browix3114 8 месяцев назад

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

  • @thejordanpham
    @thejordanpham 9 месяцев назад

    Where can i find the songs?

  • @mdwahid8625
    @mdwahid8625 3 месяца назад

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

      Don't focus on trends.

    • @mdwahid8625
      @mdwahid8625 3 месяца назад

      @@MalewiczHype Thanks but why could I know?

  • @vidhyutpronotes
    @vidhyutpronotes 4 месяца назад

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

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

  • @FranksCreativeCorner
    @FranksCreativeCorner 6 месяцев назад

    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.

  • @kbob6980
    @kbob6980 10 месяцев назад

    Awesome video, such a huge source of inspiration

    • @MalewiczHype
      @MalewiczHype  10 месяцев назад +1

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

  • @akazitur
    @akazitur 10 месяцев назад

    What is the name of the intro music

  • @1234kingconan
    @1234kingconan 6 месяцев назад

    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.

  • @SzabatDesign
    @SzabatDesign 11 месяцев назад +1

    Nice soundtracks :)

  • @itsthesa
    @itsthesa 11 месяцев назад +1

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

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад +1

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

    • @itsthesa
      @itsthesa 11 месяцев назад

      @@MalewiczHype eagerly waiting for that.

  • @adam_moucka
    @adam_moucka 11 месяцев назад +2

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

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад +1

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

  • @waltermelo1033
    @waltermelo1033 11 месяцев назад

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

  • @Eeeeeee7128
    @Eeeeeee7128 8 месяцев назад

    songs were great man! 😅😅😍😍

  • @navya-s3v
    @navya-s3v 3 месяца назад

    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.

  • @thetechstack0
    @thetechstack0 10 месяцев назад

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

    • @MalewiczHype
      @MalewiczHype  10 месяцев назад +1

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

  • @SisiBisi-zh1cj
    @SisiBisi-zh1cj 3 месяца назад

    Thanks

  • @krishgupta7179
    @krishgupta7179 6 месяцев назад +1

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

  • @KushagraKaushik-gp3cp
    @KushagraKaushik-gp3cp 8 месяцев назад

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

  • @sidekick3rida
    @sidekick3rida 8 месяцев назад

    the links the the featured websites are nowhere to be found

  • @flaxx8460
    @flaxx8460 3 месяца назад

    How are these incredible designs created?
    Figma or vs code

  • @SzabatDesign
    @SzabatDesign 11 месяцев назад +1

    I wish I could create a website like this :(

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад +1

      That comes with time! :)

  • @Herrochao
    @Herrochao 8 месяцев назад

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

    • @MalewiczHype
      @MalewiczHype  8 месяцев назад

      baer is really cool, I often use her tracks

  • @olgashokalo5723
    @olgashokalo5723 11 месяцев назад

    Very useful! Thank you☺

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад +1

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

  • @eyebiokinjoseph
    @eyebiokinjoseph 11 месяцев назад

    This is awesome!

  • @phantomberzerk9486
    @phantomberzerk9486 6 месяцев назад

    Can i get the music in desc

  • @ahumblerequest5222
    @ahumblerequest5222 10 месяцев назад

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

  • @shafiq_ramli
    @shafiq_ramli 11 месяцев назад

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

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад

      We shared the URLs in an article.

    • @shafiq_ramli
      @shafiq_ramli 11 месяцев назад

      ​@@MalewiczHypeThanks for clarifying

  • @kamilwaszewski
    @kamilwaszewski 11 месяцев назад

    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
      @MalewiczHype  11 месяцев назад +1

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

  • @zeeshanmohammad8051
    @zeeshanmohammad8051 11 месяцев назад +1

    Someone please list down the websites with there link

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад +1

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

  • @eticilpxs9469
    @eticilpxs9469 6 месяцев назад

    what about responsive ??

  • @oimosoimo
    @oimosoimo 11 месяцев назад

    Where is the website links?

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад

      In an article at hype4.academy

  • @aspirin4279
    @aspirin4279 6 месяцев назад

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

  • @MartinAguirre-ev7xt
    @MartinAguirre-ev7xt 11 месяцев назад

    How can yu make this designs responsive?

  • @dithmarscherwebdesign
    @dithmarscherwebdesign 3 месяца назад

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

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

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

  • @renedits2004
    @renedits2004 5 месяцев назад

    cool🤩🤩

  • @czerskip
    @czerskip 11 месяцев назад

    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.

  • @DamuwaMathusa
    @DamuwaMathusa 11 месяцев назад

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

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

  • @hseindesigns
    @hseindesigns 11 месяцев назад

    For the love of inspiration

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад +1

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

  • @product.ux.ui_designer
    @product.ux.ui_designer 11 месяцев назад +1

    Music is top🎉

  • @thelias91
    @thelias91 11 месяцев назад +1

    love how you use musics in your videos

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад

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

  • @thetruthwillnevergovoided4344
    @thetruthwillnevergovoided4344 10 месяцев назад

    Where can we find all of these resources?

    • @MalewiczHype
      @MalewiczHype  10 месяцев назад

      In an article at hype4.academy

  • @mikedamacenos
    @mikedamacenos 6 месяцев назад

    I'm here for the songs

  • @shreya_jadhav
    @shreya_jadhav 11 месяцев назад

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

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад

      what do you mean by cv?

    • @shreya_jadhav
      @shreya_jadhav 11 месяцев назад

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

    • @MalewiczHype
      @MalewiczHype  11 месяцев назад +1

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

      @@MalewiczHypethanks for guide me.

  • @mentemaestra-z2l
    @mentemaestra-z2l 8 месяцев назад

    you invented Glassmorphism!

    • @MalewiczHype
      @MalewiczHype  8 месяцев назад

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

  • @samcharo
    @samcharo 9 месяцев назад

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

    • @MalewiczHype
      @MalewiczHype  9 месяцев назад +1

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

  • @enenotowitch628
    @enenotowitch628 6 месяцев назад

    3:59 - logo

  • @aryaa4696
    @aryaa4696 6 месяцев назад

    How the hell do i code these🥴🥴

  • @FutureDeluxe234
    @FutureDeluxe234 10 месяцев назад +2

    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

  • @eckee
    @eckee 10 месяцев назад +3

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

  • @Jaber_Dev
    @Jaber_Dev 8 месяцев назад

    I ❤

  • @gus2673
    @gus2673 7 месяцев назад +1

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

    • @MalewiczHype
      @MalewiczHype  7 месяцев назад

      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!

  • @Klemeron
    @Klemeron 11 месяцев назад +2

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

  • @1234kingconan
    @1234kingconan 6 месяцев назад

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

  • @rj3654
    @rj3654 7 месяцев назад +1

    Please change this intro music

  • @simon1730
    @simon1730 10 месяцев назад +1

    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!

  • @McBEASTse
    @McBEASTse 8 месяцев назад +3

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

    • @bobwilkinsonguitar6142
      @bobwilkinsonguitar6142 8 месяцев назад

      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

  • @ricardoaponte7479
    @ricardoaponte7479 5 месяцев назад +1

    These is 2022 trends hahahaha

  • @macieja92
    @macieja92 11 месяцев назад +1

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

      Will do 🫡

    • @josedomingovegaviera2371
      @josedomingovegaviera2371 10 месяцев назад +1

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

  • @MoveSustain
    @MoveSustain 2 месяца назад

    Great video, learnt new styles #mediaartssbcc

  • @LitterStopAngels
    @LitterStopAngels 10 месяцев назад

    Very cool and informative! @mediaartssbcc

  • @akazitur
    @akazitur 10 месяцев назад

    What is the name of the intro music

  • @akazitur
    @akazitur 10 месяцев назад

    What is the name of the intro music