The 5 Levels of Web Design - Worst to BEST UI/UX

as cool as the fifth one is, i honestly think number 4 is the best one. less distractions without all the animations and effects, and i feel like it's easier to get a grasp of what the site's offering. it looks impressive though, that's for sure!

Number 5 is definitely the flashiest, but I can't agree it's the best design for the use case. The page sells web design much more than it sells the product, I can imagine far more users going "how did they do that?" than going "this product looks interesting". Good design should be calling attention to the message, not to itself. Number 4 is the best overall to me.

The last design has the worst UX of the samples. Scroll hijacking and all the animations kill the experience. The overuse of visual effects take away from the content and add more load and complexity to the site. Designers should be careful to avoid something called 'The Illusion of Completeness'. If you have to add icons telling the user to scroll then you've failed and should re-think the design.

Animations don’t make websites great in fact I haven’t seen a study that said visitors “prefer animations.” Also, you shouldn’t be designing websites for ultra wide monitors. If you scale your text to be giant letters like every awwward submission then it no longer becomes a readable text and instead a visual image. For the record I like this channel and your videos. I don’t mean to throw any shade.

The last one is cool. But it feels inconsistent. Top half and bottom half is basically two completely different designs. Also, did not like the globe going away then coming back in for a second time…it was cool with the top one, the second time it was boring…because they were identical. Tbh, the 2nd to last was my fav of the bunch…it felt more serious in regards of what the field the webpage is representing. Good feedback for the people who made the different ones tho.

What level would you place yourself? 1 through 5! Be honest! 😂

Gotta love these videos.

The Level 5 looks great..... until you open it on Firefox based browser :)))

As others mentioned already, 4 is the best. Number 5 is like someone would try to put as many animations as possible to make user life miserable. The page and content inside should be clear to read, not flying like a god-damn rocket all over the place.

4th one seems like the best one of them all. The last one seems like a good showing of web design knowledge skills. However, not the best UX I would say. It could work for 2 or maybe 3 sections, but the 3D sphere was right at your face almost the whole way. Also, optimization anyone? And lastly, how do you translate this design into mobile? Seems like it's really unresponsive and you would have to do quite the workaround for mobile or just scrap the idea altogether.

Love this :)

for the final design, its good to point out that there is most likely a WHOLE TEAM behind the whole site as opposed to someone thinking its one person.

Hey Can you do More of these Video. I prefer this kind of videos because it's teaches.

4th design is best

how can you know that much website, I really need to know where to find a large list of websites so I can get like button animation or layout inspiration

For Me the best is number 4. Simple and elegant. 5 i can say is too much animation and also when there is too much happening in a website that is not easy to reload when the signal is not too good.

Hey guys, how much can you make by making a landing page like 3rd one?

...5's homepage is almost worse than 1, the only saving grace is nav being fixed, but the product page forces #5 to being the worst, because causing seizures is an auto fail of any design. The sitemap colors are less readable than 1's contact and autopay text section, and the globe is way too distracting for the level of value it carries, both covering up the Trusted section the majority of the time it's on the screen, and creates a level of activity that makes it hard for users to realize the testimony section is interactive and has multiple testimonies, which the navigation of doesn't stand out enough even on it's own compared to the testimony content. [Warning: If you are photosensitive, avoid the product page of #5 or scroll very slowly if you insist on going to it, because the globe texture is made full screen and spins entirely too fast if you scroll too fast.]

please upload a tutorial teaching Ui #5 with nextjs, gsap and threeJs

yeap comments section helped more than the video)) thanks