Landing Page Structure (With Examples)
VloĆŸit
- Äas pĆidĂĄn 30. 07. 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 CZcams. 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 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 :)
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!!
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
Thank you so much man, that really was very helpful. Feels like you guys teach more UX than my design school.
One of the best ever breakdowns of a landing page available on the world wide web today. Simple, clear, and right on the money.
WOW!! Awesome work Izzy đ!!! Thank you so much for connecting the dots in a simple easy to understand frame !! â€ïžđ„đ
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. đ
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.
So much value in one video! đđŒ
This was very helpful, thank you for explaining these to us step by step!đâš
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.
So clear, so concise, plus a super chill explanation. đ
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.
Great summary. Majority of searches arent on desktop. Love to see this specifically for mobile interfaces. đ»
Finally! exactly what I was looking for! Thank you Flux team
Thank you!! Loved the video! And your voice! I am not a native English speaker and it is very easy to understand you!
Loved this video and the examples sowed. Thank you!!!
This guy knows exactly what he's talking about! Great video!
Love the new intro animation!
Thank you! Try to use all of this concepts
This is such a great video on creating a good landing page
Thank you so much for this super helpful video and the concrete information!!
Very Helpful!! Loved this.
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!
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.
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
one of the best video of flux I have ever seen!!!
I like this new intro đđŸ
Thank you so much -- this is very informative.
Love your video. That's detailed.
Very good video. One of most useful I woul say at flux
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).
Value Value Value - Excellent Video!!! Thank you very much đđ»
Thank you, Izzy. How you find these landing pages? What's your favorite inspiration site?
thank you so much, well explained and illustraded with your examples. đ
Great content. Thank you for that!
Thank you very much for making this mysterious topic easy to understand! .... GOD Bless!!!
thanks for sharing. It was helpful,
Thanks for creating this video. Is there any good examples do you have for wedding photography & videography landing pages?
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.
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
Thank you for this kind helpful video.
Thank you it was helpful!
A perfect video!
Thank you for this valuable tut
This was very helpful. Thanks.
I am so happy that I came across your channel. Your contents are really helpful and informative. Thank you so much!
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?
Very helpful thanks âĄ
I see Flux following The Futur's business Model , "Ran: i need the team doing value videos, im a family guy"
very helpful. thank you so much
Best short intro in 2021
Great value, thank you
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?:)
CZcams 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
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
Great job!
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.
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!
Thank you! Very helpful. And kudos to Harry Dry
Very helpful. Thanks.
Thank you so much!
Love the recap part.
Thank you for this
Landing page as in a marketing site or are we using the term interchangeably with home page?
Great content đ
Thanks! @flux should a landing page have a menu & logo?
Amazing video Thankyou!â€
This is just TERRIFIC! Thank YOU for breaking this down, much appreciated!
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.
Amazing video! thanks!
Thanks for the knowledge shared.
very very helpful
Hey, bro, I wanna say thanks for the video, helpful stuff, but also that you kind of look like Cisco Ramon!
Well done
Very informative...
I love the coloring of your video, very crisp and cool.
Thank you!
New intro đȘđȘ
do you need to add social proof if your testing an idea demand?
the best way to host landing page , on website domain ? subdomain ? or different domain ? thanks
Thanks!
Thanks Loki !
This is awesome
Thank you
Is there any Discords that you would recommend for designers?
Very practical
Excellent.
Very nice video
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
How about new stuff? What kind of social proof we can add?
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?
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 đ€đ€
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.
matur suwun yo cak
Very informative! However, how to achieve this on mobile version of the site?
Good question
good video, except the "above the fold" part. "the fold" is a relict from 2010, when we had more or less consistent screens. nowadays the concept of "fold" has been proven multiple times to be completely irrelevant.
the point of "show the important stuff as quickly and prominently as possible" holds though. but dont be too focus on the fold itself. :)