To all of you (new) programmers feeling depressed after watching this video and those amazing websites. Don't forget that: 1) these were made by teams of front-end devs, backend devs, UX researchers, UI Designers and so on, not just one person. 2) Every expert started out as a rookie. 3) Practice makes perfect. You'll get there one day; keep it up 😃💪 Edit: Wow!! Thanks you all for the love!
Just remember that people who are good at what they do usually have thousands of hours of practice. Get up and do it even when you’re feeling discouraged and you’ll one day make stuff like this or better!
@@NotesNNotes Design and accessibility make or break branding and conversion, which is what makes the money, which is what pays the backend guys as much as everyone else. I'm learning full stack, and its easy to see it doesn't matter how much backend you know, it doesn't mean shit if you don't have a great, attractive, intuitive layout. Your backend can even be kinda shitty tbh and people will still use it.
He once said he knows how to code, like if he had to code, but his thing now is Webflow. That means he's got the clients, he knows design but he can't go big on development. Besides to be fair, some of this projects require a whole team of really good people at their job
Yea, it's really changing. It used to be just Hero, 3 boxes, alternate content left/right, 3 boxes, footer. Maybe you got wild with a slider. Now it's... I dunno. it's very different.
Most of these effects are either hidden on mobile or too laggy for the majority of devices. Besides making the client happy and yourself look cool I really don't see a point in these fancy designs. The only exception from these 5 is the bubble that truly blends with he context.
These websites look amazing, please keep this series going. May I ask, how did you come across these websites? Do you follow any galleries or was it pure chance?
2:10 I think they make the sign-up form as a carousel because it makes you curious to see the partly hidden text. You have the urge to click it just to see the text but at the same time you're actually making an affordance that may compel you to commit to the CTA. 3:40 WebGL, a JS API based on OpenGL 3D. 9:15 It's not fun to read long paragraphs center-aligned.
Great format! Would be great to dive into how the sites could be recreated in Webflow (+ maybe looking at some of the JS scripts used) Love the animation of the logo/name on the Amanda site 👏🏻
Great selection! I'm not a coder or programmer but I love seeing aesthetically pleasing things like well-designed websites. Web designers are so underrated.
The Amanda Braga site is great. That little postering effect at the bottom of the screen as it scrolls is clever. After investigating, it's got 2 overlapping divs with the same scroll effect (translateY is changing, it's not actually scrolling the browser). Then the overlapping div (taking up the bottom 5% maybe of the screen) uses a 3d rotate to flip it up as it scrolls down. Super clever. Love it!
I've seen a bunch of Flux videos, and this is by far my favorite. Just the design and technical prowess of these specific examples actually made me pause and reflect. It's like looking at an intimidating mountain, but being inspired to climb it anyway. Thanks!
Some amazing designs here! Since most of web traffic is mobile though, it would be great to see and critique the responsive versions of these sites too. Maybe another video idea, thanks for the killer content Ran!
They're pretty bad on Mobile. The Greta site had me mostly confused and the 3d payment side swapped the 3d assets with webms. The bubble site you can see the pixels and it's hard to scroll, the bubble gets in the way of scrolling.
I was always teach that the website should not take away from the content and i feel some of those websites take away from the content. The Gretha one was simply mind blowing.. i would not even know how to design something like that. Its a fine line between the site being to busy and nothing happening.
annoying, dispersive, self-celebrating, parasitic, unnecessarily redundant sites, but all of this is perfectly in line with the trajectory humanity is on toward self-destruction in the degenerative phase of capitalist imperialism
it was good to see such video getting aware of these absolutely amazing and inspiring websites. thanksss! also it could be better to get some information about how to do it
Hey Man! Loved your video. It would be great if you can make a separate video top 5 freelance brand designer websites according to you. Love from India.
I wish you'd shown how these websites work on phones too. It seems kinda difficult to adjust, considering that most of internet users now are on phones, they are beatiful but can be useless too
Great stuff there! Thanks for this video and I am really surprised by what I have just seen. I am asking that What tools do they use for these kind of webs??
the world's first and largest producer of meat, fruit and chicken vegetables cereals all this without destroying even 1cm of our native forest this is Brazil this is us.. here we have freedom in all climates and a lot of joy we love foreigners
Not to be boring, but I'd love to see some reviews of standard websites. The messaging, layout, decisions behind fairly normal but very well designed websites.
Lots of cool stuff, but can you address the accessibility angle please? It would be great to see how they fair through a JAWS reader or when interpreted by people who colorblind, dyslexic, neurodivergent, etc. The "sugar" seems to have pushed UX so far in the direction of "can" that nobody bothers to ask the "should" questions anymore.
Yeah..... Clients would prefer clear, easy to use, straight to the point websites. That elaborate, excessive use of effects is just personal satisfaction and in the world of productivity, no one really cares about all that fancy stuff.....
Im a web designer 12 years and if I have learned anything it is that customers dont buy my websites because they look amazing or have fancy animation, websites are sales leads machines that is all. Everything I do is centred around that. A website exists to convert a visitor into an enquiry. Design is nice but its only part of that end point.
No doubt, the post is incredible and informational also. Every time I read your blog I just stuck with the content of the video. How easily you describe each and every aspect of the topic of the post. Great inspiration for me.
all the designs were cool. thanks for a useful and inspiring presentation. It would be useful to tell us how we can use this in our apps....especially useful would be telling us how they behave on androids or apple regarding lag and jittering. If i'm using a no-code drag and drop app builder, to which of these can I avail myself? what problems might I likely encounter. thanks
99% users: "Nice, but where do I click to accomplish my task (like, I need to pee)." These kind of projects are good for agency/art director showreels.
I really like how his response to one of the sites was so "mind-bowing" that he should have noticed it when he first saw it. Just lets us know he never even saw the sites prior to this day lolo.
Thank you for putting this content out there, but don't just throw these amazing works on our faces leaving some of us depressed and wondering if we will ever get to this level or ever have these advanced skills. It will be alright if you can walk us through how it is done as well or what languages they might have used to develop these websites.
It's interesting how after many years in the field you can loose interest in at least trying to be creative. Most of the time designers are forced to a path of least resistance which is a shame, its good to see something refreshing from time to time :)
Lot's of webgl happening on these sites. Great animation but it's all eye candy for graphic designers. A bubble that bursts when it gets to the bottom of the page is not effective for user experience. People want great content, not a webpage with heavy graphics computations.
Great video! These websites are really mind-blowing and inspiring for any web designer. It's amazing how much creativity and innovation goes into designing a website, and these websites showcase some of the best examples of that. As a web designer myself, I'm definitely going to be visiting these websites for inspiration in my future projects. Thank you for sharing this insightful and informative video!
It depends on who the user is and the audience for it. These sites aren't meant to be functional and practical. They're meant to be artistic. They help build a brand and they send a specific message.
Thanks for the video. It's fascinating to see how creative the human brain can be. The combination of creativity and excellent skills is what we value in our ULS employees as well.
A lot of designers tend to go overly "Flashy" with their "creativity" and the usability suffers, need to find a good balance. I was actually happy that Flash ended and all the overly animated slow loading sites went away with it, but now with HTML5 etc these sites are coming back (argh...), I am not totally against flashy sites, there are time and place for it, like a movie promotional site or something like that, for a company website you don't need to animate EVERY single line of text in just because you can.
Really amazing video to showcase your favorite websites. It would be awesome to hear from you in the video that what are each website basically built with.
A missing piece in these critiques is the websites' effectiveness in achieving desired outcomes. You can spend $100k on javascript animations that look pretty, but your outcomes don't increase. I would be incredibly interested in website critiques like this, but from the perspective of how web design improves outcomes.
These seem... over-indulgent. The last one especially would have been a more effective site without all of the nonsense effects. It’s bad UX design to create a website that crashes the browser of any computer that doesn’t have a dedicated graphics card.
This video was so fun to watch. Really amazed by the great thunberg website. Developers really pulled off awesome creativity in that. It sucks that developers who do such groundbreaking work are never known and a teenager reading scripts from a page is nominated noble peace. Not that she's not doing a good job but she's getting 1000x more recognition for doing nothing and to think of it she has such a bombass website to her name.
To all of you (new) programmers feeling depressed after watching this video and those amazing websites. Don't forget that: 1) these were made by teams of front-end devs, backend devs, UX researchers, UI Designers and so on, not just one person. 2) Every expert started out as a rookie. 3) Practice makes perfect. You'll get there one day; keep it up 😃💪
Edit: Wow!! Thanks you all for the love!
you made my day
big thanks for the motivation!
Thanks man
This is soothing
your words are motivating me. thank you
I watched this after 12 hours of coding and don't know if I'm feeling inspired or depressed.
haha I feel you
Just remember that people who are good at what they do usually have thousands of hours of practice. Get up and do it even when you’re feeling discouraged and you’ll one day make stuff like this or better!
Dam i feel just like you
Stay positive dude , you can do it
same haha
I'm a full-stack developer and every time I see a backend developer joking about frontend stuff I am like: "Oh buddy, you know nothing"
😂😂😂
They're just jealous because they have no design sense lol
@@BeekersSqueakers let me guess, depression
that's refreshing to hear. I totally respect backend devs for what they do but design and accessibility are just as challenging!
@@NotesNNotes Design and accessibility make or break branding and conversion, which is what makes the money, which is what pays the backend guys as much as everyone else.
I'm learning full stack, and its easy to see it doesn't matter how much backend you know, it doesn't mean shit if you don't have a great, attractive, intuitive layout.
Your backend can even be kinda shitty tbh and people will still use it.
The designers of these websites are not only innovative but technically on another level! Props!
It would be great if you were able to give some insight into how these websites did their effects. Maybe link to tutorials on the techniques.
exactlyyyyy
Benjamin Leavitt I don’t think he knows it that well as he designs his websites on webflow and use animations therein
Yes yes yes!
We somewhat do that - th-cam.com/video/XF-awfgfflI/w-d-xo.html
He once said he knows how to code, like if he had to code, but his thing now is Webflow. That means he's got the clients, he knows design but he can't go big on development. Besides to be fair, some of this projects require a whole team of really good people at their job
This makes me question everything I know about making websites!
haha! why?
My mind is just blown... don’t even know where to start!
@@joshcesana Start from the start :)
Josh Cesana haha! Me too. Tho still new to web design but totally feeling small. LOL 😂
Yea, it's really changing. It used to be just Hero, 3 boxes, alternate content left/right, 3 boxes, footer. Maybe you got wild with a slider. Now it's... I dunno. it's very different.
Most of these effects are either hidden on mobile or too laggy for the majority of devices. Besides making the client happy and yourself look cool I really don't see a point in these fancy designs. The only exception from these 5 is the bubble that truly blends with he context.
John Rallis ikr, and the fact that 90% (or more) visitors are on mobile.. the effort is too big just to impress the minority’s
It's still a fun project to do though.
Rama Ibrahim 90% ?! I’d love to see your source please
@@ramaibrahim The minority who pays you for the whole website. Why not?😂
You don't see a point is your choice. But imagine if one can create such website, rest of the journeys gonna be hell easy.
These websites look amazing, please keep this series going.
May I ask, how did you come across these websites? Do you follow any galleries or was it pure chance?
on website inspiration sites..
There all from awwwards
2:10 I think they make the sign-up form as a carousel because it makes you curious to see the partly hidden text. You have the urge to click it just to see the text but at the same time you're actually making an affordance that may compel you to commit to the CTA.
3:40 WebGL, a JS API based on OpenGL 3D.
9:15 It's not fun to read long paragraphs center-aligned.
3:40 also three.js
Good point on the (partly) offscreen form.
Absolutely love seeing beautiful, inspiring and fresh design styles! Keep up the amazing work!
Great format! Would be great to dive into how the sites could be recreated in Webflow (+ maybe looking at some of the JS scripts used) Love the animation of the logo/name on the Amanda site 👏🏻
Thanks for the feedback!
@@FluxAcademy in second site which languages are used to make it
Great selection! I'm not a coder or programmer but I love seeing aesthetically pleasing things like well-designed websites. Web designers are so underrated.
i love first website the most and he did a great work with that bubble...
Indeed they did!
The most simplest of designs to create too (Html, css, js)
Amanda was my favorite for its simple but engaging presentation. It subtly encourages you to read the content with cool visuals. Great web choices.
There's more here - th-cam.com/play/PLZS9rF0GCDI4OGs8c3JHy_kGOETRF0J4c.html
The Amanda Braga site is great. That little postering effect at the bottom of the screen as it scrolls is clever. After investigating, it's got 2 overlapping divs with the same scroll effect (translateY is changing, it's not actually scrolling the browser). Then the overlapping div (taking up the bottom 5% maybe of the screen) uses a 3d rotate to flip it up as it scrolls down. Super clever. Love it!
I've seen a bunch of Flux videos, and this is by far my favorite. Just the design and technical prowess of these specific examples actually made me pause and reflect. It's like looking at an intimidating mountain, but being inspired to climb it anyway. Thanks!
I remember those days when I designed flashy websites easily in Adobe Flash
Some amazing designs here! Since most of web traffic is mobile though, it would be great to see and critique the responsive versions of these sites too. Maybe another video idea, thanks for the killer content Ran!
Great idea Joshua! will do
They're pretty bad on Mobile. The Greta site had me mostly confused and the 3d payment side swapped the 3d assets with webms. The bubble site you can see the pixels and it's hard to scroll, the bubble gets in the way of scrolling.
@@chudchadanstud this is great feedback!
Thought the same! That's a major factor for me when designing websites since most traffic comes from mobile devices now.
That moment when your laptop gives up while loading the website
LOL!
Eh, some of these are difficult to look at, especially the last.
can't believe cuberto.com wasn't here
@@alleyway OMG THIS IS AWESOME it makes me wanna realize the things i had made and thought "Great looking" were'nt great. I wasnt codin lol
The font created for the Autumn logo at 05:55 is stunning
Edit: They're now called Numbered, and the font is still used. It's so pretty it hurts.
Very impressive, but I can't help being reminded of the annoying animations on websites in the 90s and 2000s.
Yes thank you! they are impressive at first but when you actually use them...annoying and confusing at times
Loved these. Great finds, Ran. Keep this coming.
Much appreciated Gary!
My mind is freaking blown!!!! How!?!?!?
This is really good! Loved to see breakdown of what is interesting.
Need more of these analysis for trending styles as well
I do these reviews regularly on the channel :)
Your video tutorials are awesome and helpful.
I saw the website of bubble and i say wow... beautiful coding, design combined with storytelling... well done
I agree!
@@FluxAcademy How did they code it? Do you know how to do something similar? If so, let me know, because I want my website to be something similar
im not wearing my glasses but your head is so clear its like I'm wearing my glasses
I was always teach that the website should not take away from the content and i feel some of those websites take away from the content. The Gretha one was simply mind blowing.. i would not even know how to design something like that. Its a fine line between the site being to busy and nothing happening.
annoying, dispersive, self-celebrating, parasitic, unnecessarily redundant sites, but all of this is perfectly in line with the trajectory humanity is on toward self-destruction in the degenerative phase of capitalist imperialism
it was good to see such video getting aware of these absolutely amazing and inspiring websites. thanksss! also it could be better to get some information about how to do it
Hey Man! Loved your video.
It would be great if you can make a separate video top 5 freelance brand designer websites according to you.
Love from India.
Good idea!
mind blowing works 👌
Can we also know please what technologies were used to create those sites apart from regular html/css/javascript?
Some may be using three.js
Loved 5scontent. Very original and creative work. ❤
I wish you'd shown how these websites work on phones too. It seems kinda difficult to adjust, considering that most of internet users now are on phones, they are beatiful but can be useless too
This is so good format , I hope I'il see the next video soon )
It would've been great if you explain how these are created instead of saying that they're cool :)
Great stuff there!
Thanks for this video and I am really surprised by what I have just seen. I am asking that What tools do they use for these kind of webs??
Noticed the Loom kiosk icon at the top. Thank you for recording with us. 🙏🏾 (I'm a co-founder at the company).
What is loom kiosk?
@@anjanspace it's the icon in the top bar (a kiosk icon)
Well worth the visit
I can hear the screaming of the front-end teams of each agency
I dont get it xd
The layering looks awesome
I love this format! Thank you a lot for your work Ran!
You'd love these too - th-cam.com/play/PLZS9rF0GCDI4OGs8c3JHy_kGOETRF0J4c.html
the world's first and largest producer of meat, fruit and chicken
vegetables cereals all this without destroying even 1cm of our native forest this is Brazil this is us.. here we have freedom in all climates and a lot of joy we love foreigners
Not to be boring, but I'd love to see some reviews of standard websites. The messaging, layout, decisions behind fairly normal but very well designed websites.
Lots of cool stuff, but can you address the accessibility angle please? It would be great to see how they fair through a JAWS reader or when interpreted by people who colorblind, dyslexic, neurodivergent, etc. The "sugar" seems to have pushed UX so far in the direction of "can" that nobody bothers to ask the "should" questions anymore.
Can we make these kinds of websites through WebFlow or even WordPress???
yes as long as you know how to code specially webgl and canvas
Great video just one suggestion, can you use a Desser on your vocals cause some of your s's hit really hard and hurt my sensitive ears?
These sites only impress the designers, everyone else has no use for them.
sad but true
Nearly all of them are poor in UX
Yeah..... Clients would prefer clear, easy to use, straight to the point websites. That elaborate, excessive use of effects is just personal satisfaction and in the world of productivity, no one really cares about all that fancy stuff.....
100%
However, will not impress a designer even, who is true to their craft. Creativity= Great Job. Business goals/revenue = ?? I highly doubt.
loving this format! keep it up.
Im a web designer 12 years and if I have learned anything it is that customers dont buy my websites because they look amazing or have fancy animation, websites are sales leads machines that is all. Everything I do is centred around that. A website exists to convert a visitor into an enquiry. Design is nice but its only part of that end point.
No doubt, the post is incredible and informational also. Every time I read your blog I just stuck with the content of the video. How easily you describe each and every aspect of the topic of the post.
Great inspiration for me.
Really like this, like you did before, Webflow showcase ones where we can play about with the code would be amazing
5scontents simply super
all the designs were cool. thanks for a useful and inspiring presentation. It would be useful to tell us how we can use this in our apps....especially useful would be telling us how they behave on androids or apple regarding lag and jittering. If i'm using a no-code drag and drop app builder, to which of these can I avail myself? what problems might I likely encounter. thanks
Excellent videos!
Thank you very much for your hard work.
It's gonna be way cooler if there are any tutorials like: How to create such things like that!!! T_T I really need it!!!
Browser console.
I'm watching this over and over.
Great job! Thanks for sharing with us and keep going on with the amazing videos like always 👍
Thanks!!
This video inspired me to cont. to learn how to make a good website. Thank you for sharing this.
What are the odds that the background color stays the same on reload when trying to showcase the property 😂
I know right 😂
From what I've observed over the years, Australia and Netherlands have some of the best web developers.
99% users: "Nice, but where do I click to accomplish my task (like, I need to pee)."
These kind of projects are good for agency/art director showreels.
Wow man ...i dont have words to describe you...i dont know how u find these sites..but thank u man.
show us how to do this on webflow
Good idea!
Webflow is not good for this type of Websites.
Truly incredible websites! Great video
I really like how his response to one of the sites was so "mind-bowing" that he should have noticed it when he first saw it. Just lets us know he never even saw the sites prior to this day lolo.
Interesting. I'm in the process of trying to design my website. Very informative.
Thank you for putting this content out there, but don't just throw these amazing works on our faces leaving some of us depressed and wondering if we will ever get to this level or ever have these advanced skills. It will be alright if you can walk us through how it is done as well or what languages they might have used to develop these websites.
Something tells me it all in webflow.com thou
Just get someone on upwork to do it for u. I did that.
Awesome.Thank you so much ❤️
It's interesting how after many years in the field you can loose interest in at least trying to be creative. Most of the time designers are forced to a path of least resistance which is a shame, its good to see something refreshing from time to time :)
Pff, I can do the same thing that in the website on 7:00. The difference is that I don't know how I did it and now nothing works anymore...
Lot's of webgl happening on these sites. Great animation but it's all eye candy for graphic designers. A bubble that bursts when it gets to the bottom of the page is not effective for user experience. People want great content, not a webpage with heavy graphics computations.
The second one is mind blowing 👏👏
Great frontend developers did that
Great video! These websites are really mind-blowing and inspiring for any web designer. It's amazing how much creativity and innovation goes into designing a website, and these websites showcase some of the best examples of that. As a web designer myself, I'm definitely going to be visiting these websites for inspiration in my future projects. Thank you for sharing this insightful and informative video!
Umm maybe for the programmer it looks cool but for user it sux I guess..
Hey very nice...
@@donthimuralipropertyrecipe5571 agreed 100%
From a UX point of view, these websites are impractical.
@@richardhaddadau impractical ? Please explain if possible. I don't get it
It depends on who the user is and the audience for it. These sites aren't meant to be functional and practical. They're meant to be artistic. They help build a brand and they send a specific message.
@@LongNguyen-nh3if agree
Thanks for the video. It's fascinating to see how creative the human brain can be. The combination of creativity and excellent skills is what we value in our ULS employees as well.
2020 and still HTML isn't as creatively interactive as Flash was in the 2000's
Because thats what Javascript is for
@Adoki not web designers but web developers hate creativity.
@@loveXclub Bingo
@the hevy the users and the management hate it. No fun allowed. Parallax animations and 3D mostly look appealing to other designers and devs.
A lot of designers tend to go overly "Flashy" with their "creativity" and the usability suffers, need to find a good balance. I was actually happy that Flash ended and all the overly animated slow loading sites went away with it, but now with HTML5 etc these sites are coming back (argh...), I am not totally against flashy sites, there are time and place for it, like a movie promotional site or something like that, for a company website you don't need to animate EVERY single line of text in just because you can.
Would like to have these videos more often! Truly helps.
Glad you like them! 🙏
It would be good if anyone of you could share with us how to use some of these effects :) At least name them
@Deborah Hearne i appreciate your opinion, I'm figuring out right now what combination should I use to at least achieve some of the effects!
Really amazing video to showcase your favorite websites. It would be awesome to hear from you in the video that what are each website basically built with.
A missing piece in these critiques is the websites' effectiveness in achieving desired outcomes. You can spend $100k on javascript animations that look pretty, but your outcomes don't increase.
I would be incredibly interested in website critiques like this, but from the perspective of how web design improves outcomes.
Oh this is so sick 😍 I need to do one like that but the amount of work 😱😨
These seem... over-indulgent. The last one especially would have been a more effective site without all of the nonsense effects.
It’s bad UX design to create a website that crashes the browser of any computer that doesn’t have a dedicated graphics card.
These get me excited to make my portfolio site
This video was so fun to watch. Really amazed by the great thunberg website. Developers really pulled off awesome creativity in that. It sucks that developers who do such groundbreaking work are never known and a teenager reading scripts from a page is nominated noble peace. Not that she's not doing a good job but she's getting 1000x more recognition for doing nothing and to think of it she has such a bombass website to her name.
These projects are nuts dude! I just want to be able to do it myself, but for now, I can just write Hello World!
I liked the graphic flow ideas and scrolling play.
This is awesome! So inspired! Only problem is I don’t know which one to try first 🤓
Super helpful analysis. Thanks man!
I think the last website Amanda is best for creatively created and the first web site on the Buble is best for informative
These are all beautiful and elegant website's, I wanna create something like this but got a headache after trying a simple website!
This was so much valuable.
Omg love these examples!! Thank you so much!!
Glad you like them!
2006 flash sites - SUPERIOR to these very limited stuff...
Great Format! gladly more :)
More on the regular :)
excellent collection! Thank you!
my bookmark would feel blessed to have these!
Amazing examples I'll share with my Canadian Internet Marketing Agency Web Development team members!