Landing Page Structure (With Examples)
HTML-код
- Опубликовано: 13 июн 2024
- 👉 Watch new 2022 edition here: bit.ly/3cujqMY
Even though landing pages are a single page, they are tough because they need to include every single element necessary to convert site visitors. And said elements need to be in the right order to tell the right story.
I'm convinced that following this landing page structure will help maximize conversions.
Check out this article by marketingexamples.com if you want to go even more in-depth: bit.ly/3tKVTdn
Just starting out as a freelance web designer? We wrote a blog post that should help get you going: bit.ly/39AbYdI
Timestamps:
00:00 Intro
1:25 The title
2:09 Subtitle
2:55 CTA
4:24 Social proof
5:30 Visual
7:10 Features and objections
8:45 More social proof
10:16 FAQ
11:10 2nd CTA
11:54 Founder’s note
13:30 RECAP
-
Learn how to build custom websites with Webflow FAST:
bit.ly/WebflowWebclass2020...
-
Find me on other social media platforms:
Instagram: /
Twitter: / ransegall
LinkedIn: / ran-segal.... .
-
Gear & Book Recommendations: bit.ly/2ohFOuj
#webdesign #webflow #websitedesign
Thanks for watching the video!
Haha! I wrote this article. Just randomly stumbled into this on RUclips. Lol. Cheers for the love - “Harry Fry“ 😂😂😂
Dude that was one of the best guide I've ever read. God bless you my men
Thank you so much. I'm still a beginner and you removed at least 3h of trial and error from my design.
@@johongirrahimov2343 Appreciate it!
@@gpolonia good luck :)
Harry did you cancel the email goodies send out? Any new lists of yours I can join? 🙏🏼
I really love the way you made it so simple and explained everything nontechnically, It's so real.
I have been watching other videos, but, I found all those videos are totally technical/complicated to understand. I am sure newbie like me would agree!! Thank you so much again, kudos to you!!
I find myself more capable as a coder than a designer - videos like this really help me with direction and gives me thing to try out - Thank you for a great vid :)
Awesome structured step by step goal focused landing page tutorial. Thanks so much for the potency and clarity.
Excellent content brother. I came back to this video something like 13 times when building my recent landing page. Thank you for taking the time to assemble all of this knowledge.
I thank you too brother
One of the best ever breakdowns of a landing page available on the world wide web today. Simple, clear, and right on the money.
Thank you so much man, that really was very helpful. Feels like you guys teach more UX than my design school.
So much value in one video! 🙌🏼
WOW!! Awesome work Izzy 😍!!! Thank you so much for connecting the dots in a simple easy to understand frame !! ❤️💥🌟
So clear, so concise, plus a super chill explanation. 👍
Thank you so much for this video. It's the clarity for me. I kept replaying this until I wrote my first landing page from start to finish.
This was very helpful, thank you for explaining these to us step by step!👍✨
Love it Izzy, the insta was great but the video gave examples and more in depth explanations. I will think about ways to spread the social proof out as well as more meaningful and strategic CTAs. Killer tips.
No need to go anywhere to learn how to write a landing page. The step-by-step information is here in this tutorial. Thank you, Izzy and Flux Academy.
Lovely video Izzy! This seems to be a solid framework work a converting website. Will definitely pay more attention to it in the future. Thank you for sharing. 🎉
Loved this video and the examples sowed. Thank you!!!
A good lesson somebody told me was that, if you have to have an FAQ section on your site, then your communication isn't very good.
This definitely isn't always true. In some cases, sure, you can communicate and answer all frequent questions within the main site content. But on more complex sites, an FAQ is a necessary way of answering obscure but common questions. Eg. in assisting a user post-sale, such as using/setting-up a feature within a SAAS.
Also, don't try to over-simplify. A user with a simple question will not scroll through a cleverly constructed page designed for onboarding, hoping they find their answer there. They'll look for a section where they can find specifically the answer to their single question. An FAQ is a perfect way to do that, and users know to look for this section for that reason.
Thank you!! Loved the video! And your voice! I am not a native English speaker and it is very easy to understand you!
This guy knows exactly what he's talking about! Great video!
Finally! exactly what I was looking for! Thank you Flux team
Thank you! Try to use all of this concepts
Great summary. Majority of searches arent on desktop. Love to see this specifically for mobile interfaces. 🍻
Very Helpful!! Loved this.
Love the new intro animation!
This is such a great video on creating a good landing page
thank you so much, well explained and illustraded with your examples. 🙂
Thank you so much -- this is very informative.
Love your video. That's detailed.
Thank you so much for this super helpful video and the concrete information!!
Value Value Value - Excellent Video!!! Thank you very much 👌🏻
Thank you very much for making this mysterious topic easy to understand! .... GOD Bless!!!
I like this new intro 👏🏾
Best short intro in 2021
one of the best video of flux I have ever seen!!!
Thank you for this kind helpful video.
Great content. Thank you for that!
thanks for sharing. It was helpful,
Thank you for this valuable tut
This was very helpful. Thanks.
Thank you it was helpful!
Very good video. One of most useful I woul say at flux
very helpful. thank you so much
Great value, thank you
Very helpful thanks ♡
Very clear and concise. I always wanted to know a basic structure in building website layout. BTW I know you were cracking up talking about the FAQ part
I would like to add 3 more things if you are a service based business: 1) a section where you lead visitors to your service page 2) a lead magnet 3) first CTA above the fold should lead them to the product/service, because maybe it’s to soon for that commitment.
Love the recap part.
Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!
You're very welcome!
Just started working on a landing, thanks!
Have you done with that landing page conversion is the best
Amazing video! thanks!
Thanks for creating this video. Is there any good examples do you have for wedding photography & videography landing pages?
Very helpful. Thanks.
Thank you so much!
Thank you for this
Great job!
Amazing video Thankyou!❤
Thanks for the valuable video! Very useful. I was a little bit bothered by the white noise and the grading (teeth are weird ahah), but it doesn't affect the value of the video!
I see Flux following The Futur's business Model , "Ran: i need the team doing value videos, im a family guy"
Thanks for the knowledge shared.
Thank you! Very helpful. And kudos to Harry Dry
A perfect video!
Thank you!
Great content 🙌
Thanks for all the great info! Quick question, can a home page/landing page ever be too long? I'm using the format you shared here to create a landing page for a personal injury attorney, however, when I look at his competition they have a few more sections around testimonials or social proof (ie screenshots of awards they've won, and more screenshots of reviews).
Izzy : how do I look ran ?
Ran : There's only one thing missing.
*Colors Izzy's teeth blue*
Ran : Now it matches the brand. Perfect.
The first thing I noticed was the blue teeth 🤣 seems like too much of fluxy colors.
PS. No hate against anyone. I really loved the content and has helped me a ton. Thanks flux.
🤣🤣🤣🤣
@@postingproductions1050 Eyeballs and teeth - I guess you highlighted white to blue on premiere pro?:)
RUclips says the video is in 1080p HD but I feel like the screen in blurry. He needs to improve the camera quality.... coming from Rans videos which are soooooo clear.
haha, deeeeesigners...
sameee
I am so happy that I came across your channel. Your contents are really helpful and informative. Thank you so much!
very very helpful
Thank you, Izzy. How you find these landing pages? What's your favorite inspiration site?
Thanks Loki !
Very informative...
Great information! How would this differ for a personal branding, such as a blogger?
I think it would than be better to go full on visuals instead… and ofcourse compelling storytelling
Thanks!
Amazing video, for real. BUT, 98% of the visits i get come from mobile and i can't seem to be able to find a way to make this formula work. For example, the above fold with 2 columns, the image column, being the second, will go bellow the first, creating a gap of information that seems to turn people off the rest of the page AND breaks the flow and the regular fold simetry. How to keep the same kind of flow in a responsive page on mobile? What if i'm not selling a product, but a service, do i put a picture of the service being conducted or of the end results?
Thanks for the attention!
Very practical
Thank you
This is just TERRIFIC! Thank YOU for breaking this down, much appreciated!
Well done
Thanks! @flux should a landing page have a menu & logo?
Awesome way to explain. I watch this video for 3times to make my ngo landing page. thank you !can you make video for ngo's too?
Excellent.
This is awesome
I love the coloring of your video, very crisp and cool.
The only improvement this channel needs is engagement from Ran and the team. Nothing worse than not interacting with your subs. Plesse consider this. I understand ya'll are busy.
This is AMAZING! Thanks so much for sharing! I'm wondering for coaches, counselors, and consultants, how would the website change from the format that is mentioned here for primarily products or SAAS? Thanks so much!
I would add 3 more things if you are a service based business: 1) a section where you lead visitors to your service page 2) a lead magnet 3) first CTA above the fold should lead them to the product/service, because maybe it’s to soon for that commitment.
New intro 💪💪
Very nice video
matur suwun yo cak
Hey, bro, I wanna say thanks for the video, helpful stuff, but also that you kind of look like Cisco Ramon!
Landing page as in a marketing site or are we using the term interchangeably with home page?
do you need to add social proof if your testing an idea demand?
Hi Izzy, I’m wondering about above the fold for a spiritual website. Showcasing a traditional Japanese healing practice for body mind and soul, but mainly for spiritual healing and growth. Not the typical product or service. Client now wanting to advertise too much as it contradicts the tradition. Goal is inform, project awareness of the practice and opportunity to join. Client is new leaves in Japanese. They wanted to see a new plant in growth. They are huge on nature farming. Anyway hero image for me is not as easy as what is mentioned.
the best way to host landing page , on website domain ? subdomain ? or different domain ? thanks
Is there any Discords that you would recommend for designers?
Hi sir . Can i ask you a doubt if we are building a website? which was new to the internet how can we add Social proof As we are new?
Hey Izzy, sorry to bother, but do you think you guys can fix the white balance? 😅 there’s a shiny blueish tint especially on your teeth and it’s been bugging me for a while 🙈 I’d even offer to do a free zoom call to help you with the camera settings
There is a Flux's video that mentions a collection of websites...
The collection are categorized by sections of a web page (hero section, testimonial, etc...)
But now I can't find that video.
Please help
Enlightening!🙂How would you approach this with a website for a charity organisation??
What ethical benefit could help the donors sleep well at night.
@@radiansinus8126 🤔🤔
Very informative! However, how to achieve this on mobile version of the site?
Good question
It's so good, I can hear your laptop fan spinning ...... 👌
My question is that landing page for the product is already made by the product owner. What if one has to promote it as an affiliate. Do we repeat things, like same thing it will be found on main product landing page too. What would be our approach as an affiliate for that particular product. Example you take bite (toothpaste) as you shown at 9:33 ..