Landing Page Structure (With Examples)

Рет қаралды 202,871

Күн бұрын

👉 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!

Пікірлер: 179

@MarketingExamples 3 жыл бұрын

Haha! I wrote this article. Just randomly stumbled into this on KZfaq. Lol. Cheers for the love - “Harry Fry“ 😂😂😂

@johongirrahimov2343 3 жыл бұрын

Dude that was one of the best guide I've ever read. God bless you my men

@gpolonia 3 жыл бұрын

Thank you so much. I'm still a beginner and you removed at least 3h of trial and error from my design.

@MarketingExamples 3 жыл бұрын

@@johongirrahimov2343 Appreciate it!

@MarketingExamples 3 жыл бұрын

@@gpolonia good luck :)

@normthomas5028 3 жыл бұрын

Harry did you cancel the email goodies send out? Any new lists of yours I can join? 🙏🏼

@jaydenmoon1165 3 жыл бұрын

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 :)

@DEVAASHU 2 жыл бұрын

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!!

@lukej2756 Жыл бұрын

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.

@theshy6717 Жыл бұрын

I thank you too brother

@emmap4339 2 жыл бұрын

Awesome structured step by step goal focused landing page tutorial. Thanks so much for the potency and clarity.

@mistermister8 Жыл бұрын

One of the best ever breakdowns of a landing page available on the world wide web today. Simple, clear, and right on the money.

@anjumanalam 3 жыл бұрын

So much value in one video! 🙌🏼

@ronitrajput3934 3 жыл бұрын

Thank you so much man, that really was very helpful. Feels like you guys teach more UX than my design school.

@chinmayeedash4125 2 жыл бұрын

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.

@turquoisecoleman6006 3 жыл бұрын

WOW!! Awesome work Izzy 😍!!! Thank you so much for connecting the dots in a simple easy to understand frame !! ❤️💥🌟

@radiansinus8126 3 жыл бұрын

So clear, so concise, plus a super chill explanation. 👍

@fega7584 Жыл бұрын

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.

@younlogiudice7244 3 жыл бұрын

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. 🎉

@Coelacantha 3 жыл бұрын

This was very helpful, thank you for explaining these to us step by step!👍✨

@austinandriese 3 жыл бұрын

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.

@facundogimenez1679 3 жыл бұрын

Finally! exactly what I was looking for! Thank you Flux team

@egobuilders415 2 жыл бұрын

This guy knows exactly what he's talking about! Great video!

@yoyoz333 3 жыл бұрын

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.

@trimonmusic 3 жыл бұрын

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.

@guestengineinc2239 3 жыл бұрын

Great summary. Majority of searches arent on desktop. Love to see this specifically for mobile interfaces. 🍻

@byAdrianaOliveira 2 жыл бұрын

Loved this video and the examples sowed. Thank you!!!

@filetmignon9978 3 жыл бұрын

Love the new intro animation!

@chrisparks4674 2 жыл бұрын

Very Helpful!! Loved this.

@imitry 3 жыл бұрын

Thank you! Try to use all of this concepts

@lg8159 Жыл бұрын

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.

@juniask 3 жыл бұрын

I like this new intro 👏🏾

@malu.maluqui 2 жыл бұрын

Thank you!! Loved the video! And your voice! I am not a native English speaker and it is very easy to understand you!

@johnerwinlorenzo7420 3 жыл бұрын

Love your video. That's detailed.

@ZeielyYoga-of2uw 2 ай бұрын

thank you so much, well explained and illustraded with your examples. 🙂

@chiomanoble8324 2 жыл бұрын

This is such a great video on creating a good landing page

@UIUXHUB 3 жыл бұрын

one of the best video of flux I have ever seen!!!

@aisamsonreal 3 жыл бұрын

A perfect video!

@muhammadui 3 жыл бұрын

Best short intro in 2021

@carrycat876 2 жыл бұрын

Value Value Value - Excellent Video!!! Thank you very much 👌🏻

@marymontgomeryclifford5924 Жыл бұрын

Thank you so much -- this is very informative.

@corneliahaase4109 Жыл бұрын

Thank you so much for this super helpful video and the concrete information!!

@centrumsaiyan7623 Жыл бұрын

Love the recap part.

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

Thank you very much for making this mysterious topic easy to understand! .... GOD Bless!!!

@ViktorOddy 3 жыл бұрын

Just started working on a landing, thanks!

@AdeniyiWaheed 26 күн бұрын

Have you done with that landing page conversion is the best

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

Great content. Thank you for that!

@lastjedi2942 3 жыл бұрын

thanks for sharing. It was helpful,

@maherinstitute8589 Жыл бұрын

Thank you for this kind helpful video.

@dele-586 3 жыл бұрын

I see Flux following The Futur's business Model , "Ran: i need the team doing value videos, im a family guy"

@cyrenedelossantos454 2 жыл бұрын

Thank you it was helpful!

@doriomer 2 жыл бұрын

Thank you for this valuable tut

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

This was very helpful. Thanks.

@feniksusbf 3 жыл бұрын

Very good video. One of most useful I woul say at flux

@raerlymade 3 жыл бұрын

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.

@henrythomas7112 5 ай бұрын

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

@FluxAcademy 5 ай бұрын

You're very welcome!

@sandiapillay9691 2 жыл бұрын

Very helpful thanks ♡

@mercurious6699 2 жыл бұрын

Great value, thank you

@maycontentmarketing9581 2 жыл бұрын

very helpful. thank you so much

@blueharriscortez3637 2 жыл бұрын

I am so happy that I came across your channel. Your contents are really helpful and informative. Thank you so much!

@re-member 3 жыл бұрын

Thank you! Very helpful. And kudos to Harry Dry

@augustocesar334 3 жыл бұрын

Thank you, Izzy. How you find these landing pages? What's your favorite inspiration site?

@brianscott3503 3 жыл бұрын

Great job!

@sofiabargues1495 4 ай бұрын

Amazing video! thanks!

@atleastbasic9703 7 ай бұрын

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

@simoneblax 3 жыл бұрын

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!

@francev.7012 2 жыл бұрын

Thank you for this

@Kasia.Natalia 2 жыл бұрын

Thank you so much!

@RockstahRolln Жыл бұрын

This is just TERRIFIC! Thank YOU for breaking this down, much appreciated!

@roxcastaneda 2 жыл бұрын

Very helpful. Thanks.

@ShukuraOnline Жыл бұрын

Amazing video Thankyou!❤

@jibunorufoegbune9567 Жыл бұрын

Thanks for the knowledge shared.

@fzolnasr Жыл бұрын

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).

@jaikumar7875 Жыл бұрын

Thanks for creating this video. Is there any good examples do you have for wedding photography & videography landing pages?

@ShxQDesigns786 3 жыл бұрын

New intro 💪💪

@jaimix31792 3 жыл бұрын

Well done

@yllfare 2 жыл бұрын

Great content 🙌

@idreesiqbal2164 Жыл бұрын

Thank you!

@easywebbangla7539 3 жыл бұрын

very very helpful

@branding_bolt 2 жыл бұрын

Thanks Loki !

@benjah221 2 жыл бұрын

Thanks! @flux should a landing page have a menu & logo?

@pankhudilanjewar4150 3 ай бұрын

Thank you

@kappy343 3 жыл бұрын

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 3 жыл бұрын

🤣🤣🤣🤣

@robertglass4197 3 жыл бұрын

@@postingproductions1050 Eyeballs and teeth - I guess you highlighted white to blue on premiere pro?:)

@liam2246 3 жыл бұрын

KZfaq 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.

@NomadCulture 3 жыл бұрын

haha, deeeeesigners...

@nn793 3 жыл бұрын

sameee

@notsograceful 3 жыл бұрын

I love the coloring of your video, very crisp and cool.

@brianmatthews1244 3 жыл бұрын

Great information! How would this differ for a personal branding, such as a blogger?

@lg8159 Жыл бұрын

I think it would than be better to go full on visuals instead… and ofcourse compelling storytelling

@KedarBhatlive 3 жыл бұрын

Very informative...

@helpforcausebyshreyasingh1695 Жыл бұрын

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?

@DiogoDesiderati 3 жыл бұрын

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!

@johnk9221 Жыл бұрын

Thanks!

@peteracademy 8 ай бұрын

Excellent.

@davidnewton190 Жыл бұрын

Very practical

@ro3843 2 жыл бұрын

This is awesome

@briannacaikens Жыл бұрын

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!

@lg8159 Жыл бұрын

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.

@Internet_today1 Жыл бұрын

do you need to add social proof if your testing an idea demand?

@raerlymade 3 жыл бұрын

Landing page as in a marketing site or are we using the term interchangeably with home page?

@aluminiumkaca3208 Жыл бұрын

matur suwun yo cak

@wayfaringshaman 2 жыл бұрын

Hey, bro, I wanna say thanks for the video, helpful stuff, but also that you kind of look like Cisco Ramon!

@normthomas5028 3 жыл бұрын

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.

@illeone5433 3 жыл бұрын

Very nice video

@MrKleroi 2 жыл бұрын

the best way to host landing page , on website domain ? subdomain ? or different domain ? thanks

@maciejzelazo7223 2 жыл бұрын

Is there any Discords that you would recommend for designers?

@DaoTrungHai.official 2 жыл бұрын

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

@pujyamvssnkdheeraj5069 5 ай бұрын

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?

@AlexSpieslechner 3 жыл бұрын

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. :)

@delulu6969 2 жыл бұрын

How about new stuff? What kind of social proof we can add?

@egobuilders415 2 жыл бұрын

LOL... I literally created a landing page and then found this video to see if I could improve my design and this video is saying to do what I just did 🤣🤣🤣

@roberto-maddaloni 3 жыл бұрын

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