Perfect Landing Page Design Explained (in 5 minutes)
HTML-код
- Опубликовано: 5 июн 2024
- 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
The amount of value your videos provide to those of us new to the industry is insane. Thank you for all the hard work!
Means a lot 🙏 thanks!
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.
Lol do you coach web designer ?
Would love to see some of your landingpages! Mind dropping some here?
Love to see an example
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.
Haha, thanks for the kind words 🙏
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.
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!
Great to hear!
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!
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!!!
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.
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
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!
So happy to hear!! Good luck!
For the beginner designers this is what we want!!
You re a real hero in this!! Thank you so much 🙏
You are incredible and provide value in all of your videos...thank you for existing and doing what you do!
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!
Thank you Ran! last part with your kids warms the heart.
Very clear and logical formula. I would add "problem section" after the hero to make the readers feel like I understand them.
Your contents are super helpful. Now I'm inspired to build tons of landing pages for the fun of it.
Thank you!!
Great content! Particularly appreciate showing real world examples 👌
Love this video! Thanks for delivering so much value! ❤
Just what I needed. Found a video like this from 4 years ago and now got to see a recent version
I hope you liked it!
Your Super Mario reference about the flower / fireballs was A+ 100%. Bro, you are a genius! Keep the videos coming!
Thank you for providing such high-quality and educational content on your channel! I enjoy watching it very much! It's not obvious :)
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.
Good point Daniel! Thanks!!
Thanks for the insight
Super super valuable. Can't imagine my career without these sleeky web design tips
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
I really like This trick To creating a captivating hook from The beginning to keep the user engage till the end
We’re trying to do better!
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!
Great video, man! Saw quite some videos about landings pages but this one really sums it up well. and it is to the point!
Appreciate it Hannes!
Good stuff - clear and helpful - Thanks, g
Superinformative, thanks flux for making my day
Thanks, i've been thinking what to put on my landing page and this helps me a lot!
I only just found this channel! As a fellow creative, glad I did! Subscribed!
So much value. Binge watching like crazy lol. Thanks for the content brother 👌🏾👌🏾
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!
Thanks. This seems to be exactly what I needed.
Great to hear!
So So helpful, I was in this same spot today for a client site. Thank so much Ran. You rock
Happy to hear. Good luck with the project!
Thank you Ran... always waiting for you to sharing valuable contents always... can't wait to hear from you again.
That video is exactly what i needed to know. thanks. !
Great ending. Your value bombs are real, they have helped so much thank you
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.
THE BEST landing page content overall on the entire internet. Hands down perfect. Cheers mate
Thanks!
You are the best teacher in this industry no wonder you have half a million subs ❤️
Really appreciate that thought 🙏
Amazing 🙌
Thank you, super informative, friendly yet professional and a bonus being funny, this an example of the perfect video .. learn you creators learn 🎉
Thank you for sharing this, it’s very useful 😍
thanks for this short and very valuable info! I just had my first client in creating a landing page for their business :)
Fantastic!
Brilliant, subscribed!
Yes, it was very valuable. Both effective and efficient on delivering the information.
Thx so much.
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
Look how excited your kids are to simply pure water on you... love it 👌🏼
Thank you! this is really helpful!
Great video! Exactly at the time I needed it :-) ❤
This is fantastic!
Thanks for the advices!
Great job, bro!
It's really insane. I really like this video about designing landing page.
Great explanations, thanks!
glad to see kids being happy!! :)
Brilliant. Thank you for your sharing!😍😍
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.
Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!
Glad it was helpful!
Great video! Thanks
Excelent my friend!!
Very valuable video, thank you !
This was very helpful. Thanks.
I like the video info and the engagement tactic. Nice work.
Thanks!! Appreciate your letting me know
Very nice it help me alot thank you 8 mins 😊 that's good too
I cant believe this tutorial is free! DK how to thank you 🥰
Appreciate the kind words! You can always share!
Quality! Do you recommend putting videos on your landing page for service intro/ customer testimonials?
Thank for such Straightforward and helpful video.. So helpful .
Awesome!
This is incredible
HONESTY BRO, NICE WORK
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!
Amazing detailed explanation :)
Hey bro, thankyou so much, I am gonna use it and update you :) love from bangalore.
It's 8 minutes not 5. Unsubscribed, disliked and reported to the police.
Stay calm man😅
@@user-ci5eq1fr2s HOW DARE YOU TALK BACK TO ME IM ALREADY CALM!!!!!
@@vasarmilan I THINK YOU BOUGHT YOUR CALM FROM MILITARY 😂
It's 8 mins for you but 5 for us.
Relative time
Watch on 1,75x speed ;)
Brilliant!
Thank you , your videos is helpful
Thank you for sharing this valuable video 🙏❤❤
It's so helpful.
Thank you so much.
We want more.
Coming up!
a men of a word. that was great ran
Thx man I've learned more tips for your vedio 🎉❤
Great value provided here, and your kids are adorable! I'm glad you ran out of time lol!!
Very Valuable Video Forever ☺️🥰
This is super helpful thank u man for this ✨
Happy to help!
Thank you for a great video, and not just being another affiliate marketing guy.
Thanks !
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"
Thanks for the excellent video
Respect youve got a subscriber 😊
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.
You are a man of your word. And your kids know it
🤣
Thank you so much
Great Video
I like this guy!
Very useful information.
Awesome videos bro
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.”
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.
“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
I’m just here for the water pour. Nice job, kids!