Top 5 Website Designs You Should Know About In 2024
Vložit
- čas přidán 7. 06. 2024
- Website Design Inspiration has come a long way in 2023. In this video, we'll cover some incredible web designs you should know about and can't miss. Some of these web designs have absolutely crazy animations, but when we take it into the mobile version we can see the entire site without any animation. This is pretty typical of heavy animated sites, they slim down their site and try to showcase the content without transitions or animations.
0:00 Intro
0:10 First Site
1:00 Second Site
2:30 Third Site
3:50 Fourth Site
4:40 Fifth Site (Absolutely CRAZY)
Here are the sites 👇
Miranda - Paper Portfolio
www.niccolomiranda.com/
HYER® - Personalised Aviation - Book or Share a Private Jet
www.flyhyer.com/
Artemii Lebedev - Founder & Art Director Lemma.Studio
artemiilebedev.com/
Frame.io | Home
frame.io/
DeSo - The Decentralized Social Blockchain
www.deso.com/
💻 Explore Unique Components 👇
www.tilebit.io
🛠 Try Webflow 👇
webflow.grsm.io/arnau
🚀 Subscribe for more weekly design content
bit.ly/2FQLrO5
🎥 What I use in my videos!
kit.co/arnauros/filming-setup
📄 Bonsai Referral (try for free)
www.hellobonsai.com/invite?fp...
👨💻 Connect with me
arnau.design
🌎 Socials
/ arnau_design
/ arnau_design
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you!
Which is your favorite? I've known for Miranda for a while but I think either Hyer or Deso are my favorites
You like the 3d ones
1 is my most favourite.
Great video Arnau. Definitely want to see you do 3D live.
Thanks David, I'll look into making one :)
I want o see it too
Definitely waiting for more 😍🔥
Absolutely!
Would love to see that video about 3d. Great video btw
Great video analysis will def love a video on 3D animation.
oh man this is juicy
the deso website now kept their animation even in mobile version and looked so cool to be able to do it on mobile. would be cool if you can make a video on how they make it.
Pretty amazing sites tbf
3d lessons for begginers would be cool ❤
Love your videos
Thanks Maleficarum!!
Excellent, I learned a lot.
Glad it was helpful!
made some sick Spline 3d animations for my webflow website but its so laggy and isnt working how i wanted.
3:30 OF COURSE WE’RE GONNA LOVE 3D CLASS!!!!!
I would love to see you create the glass 3d pill and hand designs!
Sure thing!
Would love to learn about the 3D modeling for sites!
Absolutely, thanks!
YES PLEASE i looking for a tuto for this 3D effect.
🔥🔥🔥🔥🔥
How would I create something like the third site? I'm not a web designer but I have done basic HTML and CSS/jQuery. Would Wix or Webflow be able to create something like this? I'm planning on building a design portfolio as well.
It might be difficult to reach this level when you're still learning, the easiest way to do it would be to copy it bit by bit and see how it was made (alter it to your own style before publish)
How do you even create sites like DeSo? I don't even know where to start. Please do 3D tutorials 🙏
Short tutorials would be great from you!
Sure thing, anything in specific?
@@ArnauRos 3D, animations, designing using AI tools, and really anything else you know! Possibly even how you would re-create one of these interaction intensive websites. Love your content!
Hey Arnau. How much can we charge for sites like these on an average? And how many weeks does it take to build something similar?
It really depends, but on average projects like these take a couple of weeks, and in terms of pricing it depends on your clients but you can charge between 5k - 30k, or much much more (depending on clients). The site can be the exact same, but if your client has a better understanding of the value of their site and they have the budget for it you can charge more.
@@ArnauRos Thanks for the insight.
I second what Arnau said. And actually, I would go further and say: you don't want to know what the average price is, unless you want to be average? But if you're browsing for tutorials on CZcams it's because you're dedicated to your craft. And thus, you should be thinking higher. Instead of those questions, I encourage you to ask things like: how much budget do my current clients have? Am I happy with those budgets? If not, how can I find clients who have higher budgets? If you can find a client willing to spend 100k on their website, you can sell a website like these examples to them for 100k.
please do the 3d stuff tutorials!
Would you want how to render 3d stuff, or mainly how to create the objects themselves? Or how to put it into something like webflow? 🤔
Can we create 4th and 5th websites in webflow or Framer?
The only way I see it being possible is playing a video (of your animation) with a scroll interaction, but other than that it wouldn't be doable.
Yes 3d
I hate websites that give you some options to click on, but when you click on for example click on option #3 and the response is one word like "send" or "off" , but that one word response goes far from that same area, either way to the top corner of the page or even you have to scroll down to see that one word response at the bottom of the page. That is poor web design
Sheryians Coding School taught how to make first miranda site on their CZcams channel 🎉
Where can we create this kind of designs and animations?
Webflow!
1:47 maybe later? nahh, definitely later
Pls do that 3d tutorial
Sure!
Plz make the 3d vdo
We want 3d live
Noted!!
Do a 3d video
Its in the pipeline!
i tried to make the coolest art website ever but its not easy
I can make some tutorials to help with your spline animation and some more custom website designs, theory is what matters most here!
@@ArnauRos that would really help !!! i want to have custom animations and sounds !!!
Artemii Lebedev supports Russian invasion in Ukraine & genocide of Ukrainians, so I think it is important to mention it & boycott him. He even visited occupied territories and Zaporizhia Nuclear Power Plant, which russia uses for nuclear threats.
While Ukrainian designers' income becomes unstable due to many reasons (evacuation / occupation / Russians bombing UA energy system / mental health), russian ones are living & thriving, even when they supporting genocide.
thanks for letting me know
You're wrong. I don't live in Russia several years and you mean another Lebedev. Before writing something like this try to check information. Thanks and stay safe.
Ukrain is having this crisis fue to their joker pm. No one else is to blame.
This is not a design, this is an actual website. You don't make this in Figma, you spend hours recreating this cuz some designer thought it'd be cool. The world of web development is really awful. Great video regardless.
Most of these sites don't use animations on mobile not because it's "too much" for the user, but because the browser has to download & execute too much JavaScript which can cause lag on even the best mobile devices.
These sites were designed before being built, so we’re still looking at the design / development
@@ArnauRos I understand the concept but designers lowkey don't even consider the fact that recreating these visual masterpieces with code can be one hell of a challenge.
Sure! But it can still be inspiration for designers no?
@@ArnauRos Even developers like me take inspiration from it, the point I'm making is that these things seem real aesthetic but they're being overused just for the sake of being aesthetic and not for actual usage. Like my company gave me websites for clinics, literal clinics that required 3d models and animations just for e commerce shit. Regardless, your channel is great, keep it up.
Òk