2016年2月16日星期二

Landing Page Design Examples II

4. Manpacks – Online > offline delivery ecommerce click-through landing page




Manpacks ecommerce landing page

Click image for full-size view




What I like


  • It’s sexy: Predictable response? Yes, absolutely. That’s the whole point.

  • Validation: They jump right into showing off the famous publications that have featured their company. From a design perspective, the grey monotone prevents a mishmash of colour creating any visual distraction from the call to action (CTA).

  • Value propositions: The main content on the page answers two simple questions: “What is it?” and “Why should I care?”

  • Testimonials: The second is one of the funniest I’ve read. Socks as a Service – genius.

  • Removal of doubt: The subtext below the CTA lowers the perceived risk, which can improve the click-through-rate (CTR).

Things I’d change or test


  • Tagline: To make it more immediately clear what the purpose of the page is, I’d add a succinct tagline beside the logo.

  • Main title (core value proposition): There are a couple of ways to use a headline: A) use a very clear statement of what you are offering to enable an understanding of the purpose of your page, or B) entice your visitor to want to keep reading by using a seductive headline. They’ve gone with B here, presumably in an attempt to catch your attention and increase curiosity (or to push a particular button). For a test, I’d try approach A and make it really clear from the get go – what Manpacks is (this would work really well with the tagline to help pass a five second test).



5. PPC Analyzer – Product launch signup landing page




PPC Analyzer landing page

Click image for full-size view




What I like


  • Use of Copy Highlighting: Highlighting the word inefficient is good, but it draws your attention away from the headline. Which is actually a good thing in this case, as the sub-header is where the meat of the headline is.

  • Encapsulation: The form area is nicely highlighted by the box that draws your eye to it through the use of contrast and encapsulation.

  • Benefit Statements: the page is kept simple in terms of copy, and the 3 points at the bottom of the page focus on benefits, which generally appeal to people more strongly than features.

Things I’d change or test


  • Headline: The headline starts by triggering a psychological fear not to waste money, but it’s only saved by the sub-header to give it any context. Even saying ‘Stop Wasting Money on PPC’, would make it more instantly clear to an impatient visitor.

  • Get the Analysis: Implies that the analysis has already been explained to the visitor. But really, they have to guess what analysis they are going to get. Is it a general analysis? Is it a report based on your website?

  • Beta: After reading that I can get the analysis, the CTA paints the picture that, in reality, I can’t. ALL you are able to do is sign up for the beta – which could imply that you’re just being added to a list and won’t receive an analysis at this time.

  • Highlight: Try highlighting the entire sub-header.



6. Falcon Social – Social media tool click-through landing page




Falcon Social click-through landing page

Click image for full-size view




What I like


  • Clear Value Proposition That Identifies Target Users: The primary headline explains what the product does, and the secondary header explains the level of users it’s for – teams and enterprise companies.

  • Well Stated & Designed CTA: Tells you exactly what you’ll get – a free trial. It also stands out with stark contrast and stays nicely above the fold.

  • Testimonials & Endorsements: Quotes and logos from big name companies establish trust and the level/size of company the product can handle.

  • Feature/Benefit List Leads to Second CTA: After reading what the product does, you are again prompted with a nicely placed CTA, to sign up for a free trial.

Things I’d change or test


  • Leaks: Remove the link leaks from the footer. The destinations are not comparable to the main CTA and shouldn’t give visitors the chance to wander.

  • Learn More Links: this is a weird one. The CTA’s load in a lightbox, where I would expect them to move you on to another page to sign up. Yet the 6 feature links take you away from the page (more leaks) – when THEY should be the one using lightboxes to expand on the feature details without moving away from the page. I’d reverse this.



7. Givigiv – Charity registration landing page




Givigiv Charity landing page

Click image for full-size view




What I like


  • Tugs at Your Heartstrings: The photo is emotive, especially with the dog staring you directly in the eye to make a connection and keep you on the page.

  • Guided Process: The 3-step process at the bottom makes it very clear how it all works.

Things I’d change or test


  • What’s the Form For?: There is no heading to the form area to describe the purpose. The description of the purpose of the page is actually right at the bottom of the page – bring this up and make it part of the main header – or connect it to the form so people know what they’ll get for entering.

  • Weak CTA: The CTA doesn’t help matters by simply saying ‘Submit’.

  • No Privacy Policy: If you are collecting an email, always have a privacy policy and ‘no spam’ statement. Ideally stick the privacy policy link beside the email form field.

  • Weak Sub-Header: The sub-header makes you feel good but doesn’t explain the brands’ purpose (which is not obvious from the brand name).

  • Description is Small: The description of what the service (in the grey stripe) is quite small – I’d make this more prominent so that people get the concept right off the bat.

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





Landing Page Design Examples II

没有评论:

发表评论