Perfect Landing Page Design Explained (in 5 minutes)

Рет қаралды 345,755

Күн бұрын

The perfect Landing Page Figma Template here 👉 bit.ly/3RgpEPi
No more blank pages 👎🏼 Use our Figma template as a starting point to help you overcome blank page syndrome.
This article goes into depth over what I cover in this video 👉 bit.ly/3KAPJX9
Enroll in our Figma for Web Designers course 👉 bit.ly/49aFNhn
📽️ CHAPTERS
00:00 - Intro
00:37 - 5 min challenge GO!
01:04 - Explain the value
01:41 - Subtitle
02:08 - Hero visual
02:35 - Social proof
03:02 - CTA
03:18 - Examples
04:29 - Feature & benefits
05:28 - More social proof
05:54 - FAQ
06:40 - Last CTA
07:05 - Footer
📱 Find us on SOCIAL MEDIA
Ran's Instagram 👉 / ransegall
Ran's X (Twitter) 👉 / ransegall
Flux Academy's Instagram 👉 / flux.academy
Flux Academy's TikTok 👉 / fluxacademy
Share your thoughts in the comments 👇🏼
#websitedesign #freelancerdesigner #Landingpagedesign

Пікірлер: 305

@knapkinn Жыл бұрын

The amount of value your videos provide to those of us new to the industry is insane. Thank you for all the hard work!

@FluxAcademy Жыл бұрын

Means a lot 🙏 thanks!

@jaykelly1729 Жыл бұрын

I’ve always enjoyed taking my visitors on a “journey” Scrolling on phones is the most common behavior nowadays. Starting from the top with a strong message, customers will scroll to learn more about the product/service/idea. By presenting it in a fun way, that is backed with social proof(testimonials, statistics, references, etc.) and putting the focus on the problems you’re solving for them, you can create a wonderful Ui/UX that separates clients from the fact we’re trying to sell them something, while still getting a convincing message across that results in a conversion.

@Kebbab.213 Жыл бұрын

Lol do you coach web designer ?

@simon-ziri Жыл бұрын

Would love to see some of your landingpages! Mind dropping some here?

@milance123456 Жыл бұрын

Love to see an example

@lamaan Жыл бұрын

All of the Flux's videos makes these dreams so possible and brings so much clarity. Thanks a lot to Ran and the team for doing other videos too which are following the footsteps of Ran.

@bunmioke2697 Жыл бұрын

This broke things down to the bare bones, simplifying the GIANT task of coding/designing an entire webpage into actionable, comprehensible steps. You explained in a way I will not forget or be flustered again. Thank you. And, a part of me was rooting for your kids, hoping from the first minute that you run out of your 5 minutes, haha.

@FluxAcademy Жыл бұрын

Haha, thanks for the kind words 🙏

@user-bf2br7rb4j 9 ай бұрын

Thank you! I've studied many aspects of computer science from the 8-bit days up until current times, but I never had the essentials of a landing page described as well as you have done here. Thanks and GOD Bless!!!

@sixtusopara53 10 ай бұрын

If i could give you 10likes for this video, I certainly would. I have been a developer for decades, but what you have taught me in less than 8mins of this video is mind blowingly helpful and will save me countless hours trying to figure out what to do on a landing page. Thanks so much I got great value out of this video!

@chrisphan20 Жыл бұрын

I just found out your youtube channel and I've to admit you guys really deserve millions of subscribers. Very very useful and easy to understand contents. Keep up the great work!

@Peggy-Roses 10 ай бұрын

For the beginner designers this is what we want!! You re a real hero in this!! Thank you so much 🙏

@ambershear 10 ай бұрын

Your channel is single handedly changing lives out here. Deserves millions of subs. Have been binging all week. Will spread the word to everyone I know. Keep up the good fight.

@mathewbrown8850 Жыл бұрын

You are incredible and provide value in all of your videos...thank you for existing and doing what you do!

@chrundlethegreat2251 Жыл бұрын

Such a great and simple explanation. I like your use of examples to make it suitable advice for most sites. You should do more of these

@masteramenagement2491 Жыл бұрын

For me it is the simplest and most effective video that explains in detail the good structure of a Landing Page. Thank you very much for your efforts and creativity

@gerald6417 Жыл бұрын

Your contents are super helpful. Now I'm inspired to build tons of landing pages for the fun of it. Thank you!!

@jason-m Жыл бұрын

Great content! Particularly appreciate showing real world examples 👌

@scriiv 3 ай бұрын

Very clear and logical formula. I would add "problem section" after the hero to make the readers feel like I understand them.

@lakshaynagpal3626 Жыл бұрын

Super super valuable. Can't imagine my career without these sleeky web design tips

@compumit1875 Жыл бұрын

Thank you Ran! last part with your kids warms the heart.

@geeksy2278 Жыл бұрын

It is scary. SO scary that I am in the exact position as you described in the video. Now I am almost done with a awesome website for my first client. Thank you so much!

@FluxAcademy Жыл бұрын

So happy to hear!! Good luck!

@cheskasarausad 20 күн бұрын

I'm not yet even done with the short video and it already gave me so much value. Some creators just make their videos too long and confusing for some reason. Glad I stumbled on this one!

@FluxAcademy 19 күн бұрын

Great to hear!

@B_Migs 9 ай бұрын

Your Super Mario reference about the flower / fireballs was A+ 100%. Bro, you are a genius! Keep the videos coming!

@chumish1 Жыл бұрын

Thank you for providing such high-quality and educational content on your channel! I enjoy watching it very much! It's not obvious :)

@kei_nekatwo Жыл бұрын

Just what I needed. Found a video like this from 4 years ago and now got to see a recent version

@FluxAcademy Жыл бұрын

I hope you liked it!

@nfgrillo 9 ай бұрын

Thank you man, very very easy to watch and understand. When you explain everything just make sense, thats a very very good communication skill. Thank you again!

@vasarmilan 7 ай бұрын

It's 8 minutes not 5. Unsubscribed, disliked and reported to the police.

@user-ci5eq1fr2s 4 ай бұрын

Stay calm man😅

@vasarmilan 4 ай бұрын

@@user-ci5eq1fr2s HOW DARE YOU TALK BACK TO ME IM ALREADY CALM!!!!!

@user-ci5eq1fr2s 4 ай бұрын

@@vasarmilan I THINK YOU BOUGHT YOUR CALM FROM MILITARY 😂

@Mousymusic 4 ай бұрын

It's 8 mins for you but 5 for us. Relative time

@PhilippAndre_ 3 ай бұрын

Watch on 1,75x speed ;)

@emmanuelosawaru4564 Жыл бұрын

So So helpful, I was in this same spot today for a client site. Thank so much Ran. You rock

@FluxAcademy Жыл бұрын

Happy to hear. Good luck with the project!

@Salahmawasli1 Жыл бұрын

I’ve spent all day looking for a video that shows me or at least explain to me the structure of a web site, No I know the structure is good, I just have to improve on content and optimize it a little bit more Thank you, You just got yourself a new subscriber, liker and commenter

@hyacinthdibley2420 Жыл бұрын

This here just gave me an idea for a presentation i have in a few days. I was literally drawing a blank and this spurred so many idea in my brain. lol Thank you for sharing.

@yemiiolagunju Жыл бұрын

Thank you Ran... always waiting for you to sharing valuable contents always... can't wait to hear from you again.

@lachyj8344 5 ай бұрын

THE BEST landing page content overall on the entire internet. Hands down perfect. Cheers mate

@FluxAcademy 5 ай бұрын

Thanks!

@patrickyeboah570 Жыл бұрын

You are the best teacher in this industry no wonder you have half a million subs ❤️

@FluxAcademy Жыл бұрын

Really appreciate that thought 🙏

@hannescanopus1383 Жыл бұрын

Great video, man! Saw quite some videos about landings pages but this one really sums it up well. and it is to the point!

@FluxAcademy Жыл бұрын

Appreciate it Hannes!

@mazirmuhammad9898 Жыл бұрын

Thanks, i've been thinking what to put on my landing page and this helps me a lot!

@TheCreativeDad Жыл бұрын

So much value. Binge watching like crazy lol. Thanks for the content brother 👌🏾👌🏾

@philosophiesofsunny Жыл бұрын

I really like This trick To creating a captivating hook from The beginning to keep the user engage till the end

@FluxAcademy Жыл бұрын

We’re trying to do better!

@safiulbari275 Жыл бұрын

It's really insane. I really like this video about designing landing page.

@MeMyselfAi-kg2ep Жыл бұрын

Great ending. Your value bombs are real, they have helped so much thank you

@emekatimothyiloba699 9 күн бұрын

Awwwn..its the final part for me. Thank you for this

@jdanielortega Жыл бұрын

Great Structure Ran! One important thing to note is that having a crowded footer like the one we see here is not a good practice for a landing page, since the user can exit there to a blog, to a features page or to any page on your website that isn't aimed to convert. These are called leaks (every hyperlink in a landing page that allows the user to escape without converting), and we want to keep them at a minimum, always try to make sure the only thing a visitor can do in your landing page is to complete the desired action.

@FluxAcademy Жыл бұрын

Good point Daniel! Thanks!!

@julio3592 8 ай бұрын

Thanks for the insight

@jkoblivion4175 11 ай бұрын

Yes, it was very valuable. Both effective and efficient on delivering the information. Thx so much.

@samisakdesign Жыл бұрын

Thank you for sharing this, it’s very useful 😍

@world_changers Жыл бұрын

Look how excited your kids are to simply pure water on you... love it 👌🏼

@LuisPinedaRealty 10 күн бұрын

Thanks a lot. Super valuable and straightforward!

@FluxAcademy 10 күн бұрын

Glad it was helpful!

@johnleighdesigns Жыл бұрын

Brilliant. You and the team and your guest speakers are constantly inspiring us, challenging and motivating us, keeping us learning and evolving - it really is making a difference its amazing what you are doing for the design community - thanks so much!

@tylerwestphal5557 2 ай бұрын

Love this video! Thanks for delivering so much value! ❤

@danielvanwaas Жыл бұрын

I only just found this channel! As a fellow creative, glad I did! Subscribed!

@aleksahadzic9302 Ай бұрын

Thanks. This seems to be exactly what I needed.

@FluxAcademy Ай бұрын

Great to hear!

@muhamad6915 Жыл бұрын

I cant believe this tutorial is free! DK how to thank you 🥰

@FluxAcademy Жыл бұрын

Appreciate the kind words! You can always share!

@gold_channel6113 9 ай бұрын

That video is exactly what i needed to know. thanks. !

@robijithdhar9013 Жыл бұрын

It's so helpful. Thank you so much. We want more.

@FluxAcademy Жыл бұрын

Coming up!

@andresfelipecardona1472 Жыл бұрын

glad to see kids being happy!! :)

@rogerio8710 10 ай бұрын

Muito obrigado por essa aula. Agradeça seus filhos por esse momento divertido mas, espero que meus clientes tenha maior paciência quanto aos prazos. 🤣🤣

@samilong4508 Жыл бұрын

Thank you! this is really helpful!

@kessysammy4407 2 ай бұрын

HONESTY BRO, NICE WORK

@projectmlegislatie Жыл бұрын

Great explanations, thanks!

@irfansubekti8686 Ай бұрын

thanks for this short and very valuable info! I just had my first client in creating a landing page for their business :)

@FluxAcademy Ай бұрын

Fantastic!

@prashantsharma8978 10 ай бұрын

Thank for such Straightforward and helpful video.. So helpful .

@Youssef-nt7mc Ай бұрын

Thank you, super informative, friendly yet professional and a bonus being funny, this an example of the perfect video .. learn you creators learn 🎉

@henrythomas7112 3 ай бұрын

Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!

@FluxAcademy 3 ай бұрын

Glad it was helpful!

@Mr_Kenneth Жыл бұрын

Wonderfully simple. Looking to start with your layout this week. My clients suffer with what I call "Kitchen Sink Syndrome' where they want to put EVERYTHING on the page!

@thedude9270 8 ай бұрын

Thank you for a great video, and not just being another affiliate marketing guy.

@ishanksuryavanshi9829 Жыл бұрын

I like the video info and the engagement tactic. Nice work.

@FluxAcademy Жыл бұрын

Thanks!! Appreciate your letting me know

@ElCidPhysics90 Жыл бұрын

I’m just here for the water pour. Nice job, kids!

@SaadAlShiekhAli-sg4dl 18 күн бұрын

Superinformative, thanks flux for making my day

@3dartquest 7 ай бұрын

I'm a humble Divi designer, not a professional, but I make enough money to support myself by creating websites for small businesses. When I start a new website and have no idea how the landing page should look, I typically download a preexisting layout, remove everything I don't like, and then edit what's left to make it visually appealing and include all of the client's requirements.

@eucalyptech Жыл бұрын

Very valuable video, thank you !

@seans9203 29 күн бұрын

Good stuff - clear and helpful - Thanks, g

@tusharsadaf515 10 ай бұрын

a men of a word. that was great ran

@YoungHumanClub Жыл бұрын

Great video! Exactly at the time I needed it :-) ❤

@Benga-Eno Жыл бұрын

אתה מקצוען. תודה לך על כל התוכן העשיר הזה. אתה גם מגיש את זה בצורה חיננית ונעימה, וכמובן מקצועית!

@FluxAcademy Жыл бұрын

תודה בן

@Mithferion Жыл бұрын

You are a man of your word. And your kids know it

@FluxAcademy Жыл бұрын

🤣

@TonyPearl Жыл бұрын

Great value provided here, and your kids are adorable! I'm glad you ran out of time lol!!

@palakondarayuduuppu6420 Жыл бұрын

Hey bro, thankyou so much, I am gonna use it and update you :) love from bangalore.

@minhta175 Жыл бұрын

Brilliant. Thank you for your sharing!😍😍

@AnveshLambe 8 күн бұрын

Good explained sir! 👍

@amcds2867 Жыл бұрын

Great video! Thanks

@sepriansetiawan274 19 күн бұрын

Amazing 🙌

@brunolupo5883 Жыл бұрын

Quality! Do you recommend putting videos on your landing page for service intro/ customer testimonials?

@IztokGolob-Naklo Жыл бұрын

This was very helpful. Thanks.

@shubhz4 Ай бұрын

Very nice it help me alot thank you 8 mins 😊 that's good too

@Tezay_ Жыл бұрын

Thanks for the advices!

@raymondirani726 Жыл бұрын

This is so helpful, clear and concise. Thank you for that! I have one question though, is Landing Page the same as the Homepage on a website? Cause most homepages have roughly this structure, while i used to think that the landing page is just the “hero” or “first” section of the homepage.

@FluxAcademy Жыл бұрын

“Landing page” is used when you have a single page that wants to convert to something, but it’s usually very similar to a homepage

@jeromebrown20 Жыл бұрын

How fast they grow. I remember you vlogging with a new born in the house.

@FluxAcademy Жыл бұрын

🖤🖤🖤

@sikandarmushtaq48 Жыл бұрын

Thank you for sharing this valuable video 🙏❤❤

@eugenekhristo7252 Жыл бұрын

Hi. I would like about of any kind of forms on landing page? Is it necessary or it is redundant and would be better to make separate page for it?

@TimandLauren Жыл бұрын

Hey Flux, is there a tutorial where you explain the font size, spacing size, distance of pixels you follow as guidelines for this too? Thanks for what you do!

@Downhiller-wu3pn Жыл бұрын

Would be nice!

@velumdu11 Жыл бұрын

Thanks for the excellent video

@dmitrypetrov7902 Жыл бұрын

This is incredible

@dantingli914 8 ай бұрын

This is fantastic!

@L8rCloud Жыл бұрын

Landing pages are intermediary pages that expand upon a social media post. You could have several landing pages targeting different groups of customers - they’re like flyers. A home page is what’s displayed on your domain (top-level) address. It’s like the front of your shop and is target to a more general focus of audience. …yep, I double checked. “A landing page is a standalone web page created to drive a specific audience to take a specific action. A homepage is the hub for a brand's website, introducing who they are and what they sell with a plethora of calls to action.”

@wavmcreative3211 Жыл бұрын

My promise to my client next time... "I'll deliver my site to you on time, Or you pour an ice bucket over my head"

@djaberadber8412 Жыл бұрын

the right vodeo in the right time ♥️♥️♥️

@FluxAcademy Жыл бұрын

Happy to hear!

@rajalakshmi6411 5 ай бұрын

This is super helpful thank u man for this ✨

@FluxAcademy 4 ай бұрын

Happy to help!

@sebastianklocke9780 7 ай бұрын

I have an suggestion for the Mario-Flower-Analogy. The feature is "you can throw fireballs" but the benefit is "you can defeat enemies more easily"

@lun4rd409 Жыл бұрын

I'm so confident, yeah, I'm unstoppable today

@TyconXstar 2 ай бұрын

Respect youve got a subscriber 😊

@DerkVisser1995 Жыл бұрын

Always put two buttons in your header. Give your audience a choice, people like choices. So put in the main goal for example: Make an appointment and put in a secondary ghost button with for example: prices, about us etc.