OpenTube

The 4 Levels of Landing Page UI/UX Design

Kole Jain

43,346 views

Design like a professional using Mobbin and get 20% off: https://mobbin.com/kole

Find out exactly what level your landing page UI designs are at, and exactly what you need to fix next to level up! I'll walk through the core principles of landing page design, like visuals, layouts, color, animations and more, for a solid foundation to start building your own high quality website.

Enjoying the content? Subscribe for more!
@KoleJain

Figma files:
http://kolejain.com/resources?scrollT...

Timestamps:
0:00 Level 1
2:16 Level 2
4:49 Level 3
7:21 Level 4

20 Comments

@TheCebulon 4 months ago

This focuses on big screen presentations.
While over 80% of users are using mobile devices to surd the internet.

@fluufffyyy 2 months ago

Thank you so much! Your ability to explain concepts and the way you bring them to life in your videos is simply extraordinary.
It would be immensely helpful if you could share some UI design tutorials focused on Android and iOS (tvOS) TV apps so that we can learn more. Having a dedicated playlist covering all TV UI-related topics would allow us to access everything in one place.
TV applications typically feature a streamlined interface, built around a few common components such as Profile, Login, Home, Details, Sidebar/Top Navigation, and the Player UI. Creating detailed, step-by-step video tutorials on each of these core components would be incredible for beginners like us to learn effectively.
Thank you once again for your amazing work!

@RezwanHossain_09 2 months ago

Level 3 and 4 makes the designer happy. Level 1 and 2 makes the company happy cause those designs actually get customers in real life.

@kelvin_ruweta 4 months ago

I have been doing a lot of websites at work lately and this is video has been uploaded the exact time I needed it. 🔥
Serious nuggets on levels 3 and 4. Thanks so much Kole! 🙌🏾

@ahsaft 4 months ago

im just triggered that one sign up button says "Sign up" while the other says "Sign Up"

@nforgipson8653 4 months ago

Thanks very much for everything, I have learned a lot from your channel.

@TheJazib 2 months ago

You got an amazing script

@solbefvgb 4 months ago

the goat uploaded again

@shalltearbloodfallen8771 4 months ago

absolutely gold video

@nebuniemusicpromo 4 months ago

The screenshots from the SaaS application is a real conversion boost.

@foldswork4788 4 months ago

Nice. Need more vids SaaS app design please!

@djasnive 3 months ago

This guy is craaaaazy

@psalmzoe 4 months ago (edited)

Please, make your 50th video a FULL UI/UX beginner masterclass 🙏 🥺🥺

@Lucas-fd9vk 4 months ago

Id be interested in a video on technical-software (Figma, Adobe..) UI design. The requirements being more usability focused whilst also managing to keep the UI clean and approachable

@aMessiMagicMoments 2 months ago

can you do a video on education website design

@davaasambuumunkhbayar9606 4 months ago

Can you make a video about the actual design principles or best practices of a SaaS product, especially focusing on the areas (workflows/forms) beyond just dashboard/home-screen designs?

@bluemeaneyes 4 months ago

Is this a chatgpt transcript

@nforgipson8653 4 months ago

Could you please make a video about type scale for mobile apps , It's difficult to know how many type scale I to use and when to use them. I will really appreciate 🙏🏾

@LoranMaes 4 months ago

All of this doesn't matter if the UX is shit btw. ALWAYS test your designs against actual users of your product. Very fancy designs often lead to an overwhelming feeling for users. NEVER design on assumptions and things you think are good!