2016年2月17日星期三

Landing Page Design Examples

8. Demand Force – Tour appointment callback landing page




Demand Force Landing Page

Click image for full-size view




What I like


  • As see on!: Right at the top is a testimonial that describes a benefit and associates the product with a third-party authority, and then backs it up with a great quote from the cpmpany showing how it made them extra money (who doesn’t like that!?) – donations taken at Unbounce.com/oli’s-poor/ – They even have an Amazon review :)

  • Market share: they already seem to have a 30% market share – invest.

  • Demonstrate: Love the images that show what the emails and texts look like.

Things I’d change or test


  • Big Form: There are only two required fields, don’t make a visitor feel like they are taking on a long labor to get information. Scale back to just name and phone number. And don’t start the conversation with “Fill in this form. That’s the equivalent of walking into The Gap and being told to try on clothes and then buy them (yeah right, like they fit well).” Seduce, or even coerce, but don’t instruct.

  • Call to action: The visitor isn’t really looking to sign up, they probably will respond more to “Request Tour” or “Get Started”.

  • Footer: The links in the footer, other than Privacy, are just distractions. Get rid of as many leaks as possible to keep conversion high.



9. Cheezburger – I Can Has be Funny?




Cheezburger landing page

Click image for full-size view




What I like


  • Cheezburgers!!!!! Actually, I hate real cheeseburgers (can’t eat cheese – waaa waaa waaa). Aside from that, I just think it’s awesome that the Cheezburger family is using Unbounce.

  • Content chunking: The page is broken down vertically in a way that makes it easy to digest. They aid getting you back to the top (as it’s a long page) with the classic ^top links at the end of each section.

  • Strong clarity in the value proposition: The headline is simple and inviting and the secondary block of content and CTA explain in simple terms that you can create a free site.

  • Repeated CTA: This is a must have for a long landing page. Here they repeat the CTA (the yellow button) in 3 of the sections to keep enticing you to sign up (this is smart as you don’t know which piece of content will trigger the sign-up response and having a CTA right there will aid conversions.

Things I’d change or test


Nada.




10. Carfax – Report query landing page




Carfax landing page

Click image for full-size view




What I like


  • Try before you buy: They have a sample report for you to look at right off the bat. This is a great way to develop confidence in your visitors, letting them know what’s in store for them.

  • Straight to the point: The main headline asks a question that immediately weeds out anyone that’s arrived here mistakenly. “Buying a used car?” Why yes! I’m in the right place.

  • Online vs. offline: The page asks for the car’s VIN – but you’ll most likely only get that by looking for it on the car in person – luckily they have a mobile page too so you can do it on a smartphone. Wining points!

Things I’d change or test


  • Nothing. I love this page! They clearly had some smart people architect and design the page.

  • Button copy: Okay, I’d change one minor thing. The CTA should say “View Report” instead of “Go”.



11. Oprah Sweepstakes landing page




Opra Sweepstakes Landing Page

Click image for full-size view




What I like


  • Media brand match: This is what I talked about at the start. There is a clear correlation between the landing page and the magazine cover. Oprah consistently appears happy, using a strong personal connection (direct eye contact) to make you feel comfortable.

Things I’d change or test


  • Submit: Apparently Oprah’s designers didn’t read my last landing page examples post. The word “Submit” says nothing about what will happen when clicked. I’d change it to a double line CTA that says:

    First line: Subscribe to O magazine
    Second line (smaller text): To be entered in the $25k sweepstakes


  • Headline and sub-header could be better: It’s a double purpose page – subscribe to the magazine and get entered into the sweepstakes. But the headline only says subscribe (not to the magazine) so it could be read as “subscribe to the sweepstakes”. Minor point, but clarity is important. You don’t want have to read all that fine print.



12. Intuit product trial landing page




Intuit Landing Page

Click image for full-size view




What I like


  • Benefit based headline: Indicates that there are other options out there, but this is a better way to do it. Instead of describing what it does it uses a benefit to enhance the headline.

  • Use of directional cue: Conversion centered design standards (step 11) include using directional cues to aid the persuasive nature of a page – here an arrow is used to point you in the right direction.

  • Descriptive CTA: Obvious that you are going to start a free trial.

  • Social proof: The page is littered with social proof indicators: impressive list of customer logos, security symbols, and an Editor’s Choice award.

Things I’d change or test


  • How much is it? There’s no mention of how much it will cost after the 30-day free trial. A good way to include this is to say: “Free for 30-days then pick a plan starting at $xx”.

  • No credit card required: This is very important information to know, yet it’s buried as small text. I’d recommend making it subtext in the button to reinforce the lack of a signup barrier.



13. Adobe Test & Target – lead gen landing page




Adobe Test & Target Landing Page

Click image for full-size view




What I like


  • Accidental genius: When the page loads, the form takes about 2 seconds to appear. Clearly being pulled dynamically from a server somewhere. However, what it does is draw your attention to the form as soon as it loads. Personally I love it as a persuasion device.

  • Pixel perfect headline: The use of whitespace around the headline couple with it’s clarity of communication make for a great headline.

  • Hierarchy of content: Adobe break the content nicely into nicely flowing chunks:
    • Page purpose

    • Benefit statement

    • Target market based benefit bullet points

    • Action statement

    Copy this flow of content – it’s really good.


Things I’d change or test


  • The submit button – Jeez: Make it say “Get our Whitepaper”.

  • Required? Make it clear which fields are required, this will make the form appear shorter than it is.


From: http://thelandingpagecourse.com/landing-page-design-examples-critiques/




Landing Page Design Examples

没有评论:

发表评论