• Build a landing page in the Unbounce Builder's new Preview mode
  • 7 New Landing Pages for Your Inspiration

    Landing page design is easier when you have some inspiration, so I dug out some of the cool pages our customers have been building in Unbounce. Would love to hear your thoughts about the pages in the comments section.


    Loop 11 Usability

    Page Details

    Type of landing page: Click Through
    Website: Loop 11
    Built using Unbounce?:Yes

    Why I Like It

    It has a Zebra crossed with a Rhino! How can you not like that?

    It’s a very congruent page, where the imagery supports the headline (a new breed). The call to action is very obvious, using conversion design principles (whitespace and contrast) and has text that explains a key benefit (that you can try it for free). The compelling design kept me on the page for a long time and more importantly, made me want to share it with other people. Having a viral quality is a big bonus for a landing page.

    Optimization Suggestions

    • Considering the viral quality of the design, I’d like to see some type of “Share This” social media button (Facebook or Twitter).
    • After clicking through to the destination page (a sign up form) – I noticed that the application can be used on an iPad. It would be a great test to have a video on the landing page that plays inside an image of an iPad. Showing the tool in action could provide the extra information required to inspire a sign-up.

    College Ready or Not?

    Page Details

    Type of landing page: Lead Gen
    Website: College Ready or Not
    Built using Unbounce?:Yes

    Why I Like It

    The design is fun and original, and helps establish the tone of a learning environment. The form stands out well due to the contrasting color and makes it very obvious what the intended conversion goal of the page is. The sidebar is set up well to provide a list of benefits – easy for testing.

    Optimization Suggestions

    • The page could use a stronger headline that describes the unique value proposition of the service. It takes a little while to understand what you are signing up for.
    • The CTA should describe what it is you’ll get by registering.
    • Ideally the submit button would be more distinct. Right now it doesn’t look like a button. Although, it’s only small factor on a page this simple.
    • Consider having different landing pages for the separate demographics (students and parents). This would allow you to target your messaging more closely to their needs.


    Page Details

    Type of landing page: Lead Gen
    Website: Styllist
    Built using Unbounce?:Yes

    Why I Like It

    It’s instantly obvious what the page is about. Fashion. The headline spells out the core value of the service and the single field lead gen form provides a low barrier to entry for people interested in receiving updates.

    Optimization Suggestions

    To encourage more people to sign up, I’d like to see a few extra pieces of information on the page:

    • An example of the type of information you will receive. A lightbox popup containing an example email, that shows the inside information subscribers will get, might convince me to register.
    • A short privacy statement to let me know you’ll not abuse my email address.
    • Perhaps an indication of when you might launch?
    • Who is it for? If it’s just women’s clothing, you should probably state that in the copy. It’s implied by the photos, but not explicitly stated. If it will cover men’s fashion, either include some male models in the photos or create a separate landing page for each segment.

    What’s The Dealio? San Francisco.

    Page Details

    Type of landing page: Lead Gen
    Website: Where’s the Dealio
    Built using Unbounce?:Yes

    Why I Like It

    Firstly, a beautiful design that echos the vibrant color of the Golden Gate Bridge. From a conversion standpoint, the fine print beneath the form lets you know what to expect – a daily email.

    Optimization Suggestions

    • The main headline is being A/B tested on different versions of the page which is great. From the three I saw, the one shown seemed to be the strongest (but you can never tell). I’d like to see a very direct statement here that says something very simple like: “Get a new San Fran discount every day”.
    • Like the previous example, showing a sample of what you’ll get might be of benefit, although it’s less of an issue here as the service is live and you’ll get something sent to you almost immediately.
    • I’d change the CTA to say something like “Send me the dealio” rather than “Submit”.

    360 Feedback

    Page Details

    Type of landing page: Lead Gen
    Website: 360 Feedback
    Built using Unbounce?:Yes

    Why I Like It

    Simple clean design, with a subtle directional cue (the owls beak) that points to the form and matches the CTA color. The informational hierarchy encourage reading: brand->value proposition->benefits->details->CTA.

    Optimization Suggestions

    • Like the previous example (above), it breaks a fundamental rule of conversion – the non-descriptive CTA. Change the button text to describe what you’ll get when you click it.
    • The statement “Find out more” doesn’t provide enough of a sense of what I’ll receive. Will it be another page? A PDF? An email full of information? To find out more, I might just type the brand name into Google, rather than give up my email. Let visitors know what they’ll receive and make it a worthwhile trade.
    • If the product/service hasn’t launched yet, make this clear. If it is live, then provide access to some screenshots or a video of it being used.

    Smooth Sailing

    Page Details

    Type of landing page: Click Through
    Website: http://events.cheznouspresents.com/smooth-sailing-2010
    Built using Unbounce?:Yes

    Why I Like It

    Ok, this one’s a touch controversial as it was created by one of the co-founder’s of Unbounce (Carter). I’m including it in this list for two reasons: I like the page and it’s use of social widgets, but re importantly, I couldn’t resist the opportunity to say what I think is wrong with it :)

    On the plus side it’s got a great aesthetic, indicative of the genre of music that it’s promoting and it has a wide range of modern landing page features to increase engagement:

    • Video: you can listen to some smooth music while you check out the band list.
    • Social Proof: the Facebook widget shows photos of anyone you know that’s “recommended” the page alongside a count of smooth music fans.
    • Secondary CTA’s: the footer has a couple of extra ways to stay in touch.

    Optimization Suggestions

    To keep people on the page longer and enhance the chance of a conversion, I’d suggest the following:

    • Provide a clearly stated secondary headline beneath Smooth Sailing, which describes what the event is. “12 Vancouver Bands Play Yacht Rock Covers from the 70s”. This would make me understand it a lot more quickly.
    • Add a play button beside each band to let you hear an audio preview (a la iTunes).
    • Put a lighter background behind the Facebook widget – right now it’s hard to see.
    • Throw up a lightbox style popup with a Map to the location “The Biltmore” – to prevent people leaving the page to figure it out.


    Page Details

    Type of landing page: Click Through
    Page link: http://deals.wearesmartypants.com/back2school3b/
    Built using Unbounce?:Yes

    Why I Like It

    I like the idea of vitamins being kid-friendly and the design reinforces the fun factor. As it’s targeted at parents, they do a good job of answering three core concerns a parent might have: Will this help my kids take vitamins? Is it safe? What’s in it?

    I also like the safety net CTA which offers up a phone number if you have any questions. The “As Seen On MSNBC” is also a good trust signal to potential buyers.

    Optimization Suggestions

    • I would be interested to see how much information is required to make a purchase of this type of product. Typically, landing pages perform better when you remove extraneous navigation from the page. A good test might be to remove the 16 links found on the page. Perhaps the target buyer (mothers) like to spend the research time. A technique to keep them on the page longer would be to use some modal popup windows that show the explanation of scientific terms and the doctor bio without making them leave. As an example, check out the “Contest Rules” link at the bottom of our contest landing page.

    If you have a landing page you’d like us to feature – send me a link at oli@unbounce.com

    About Oli Gardner
    Unbounce co-founder Oli Gardner has seen more landing pages than anyone on the planet. But January 2018 is NOT about landing pages. We are doing a blog takeover to explore going from one to many products. We're doing this to increase awareness of our 2 new products (Popups & Sticky Bars), and to take a transparent journey of discovery to become better marketers. By writing 30 posts in 30 days – all about product awareness – I’ll be lifting the lid on Unbounce adoption and churn metrics, and sharing innovative tips and strategies to help us all become better at marketing our products. Read post 1 of 30 in the Product Awareness Month blog takeover Check out the full month's calendar of 30 product awareness posts.
    » More blog posts by Oli Gardner
    • Great examples. Thanks for the post!

    • I especially like the Dealio and Styllist landing pages. Thanks!

    • Thanks for the optimization suggestions after the event is over Oli! :) My Smooth Sailing landing page was fun to put together, but more importantly I got some valuable results from an A\B test:

      I started with each of the 12 bands having a link next to their name to their myspace band page for users to check out. I made a B variant that didn’t have these myspace links and ran the two in a test, each with 50% weight. The version without the myspace links converted at 12.73% vs 4.22% with the links – so, removing the links gave me a 200% boost in conversion rate!

      Great suggestions though, and a nice roundup of pages!

      • Oli Gardner

        Nice results Carter!
        A great example of how keeping people on the page increases engagement.

        And good point re: timing of feedback :) I’ll get my suggestion hat on quicker next time.

    • Udi

      Thanks for the examples.
      I saw that you categorize each landing page
      (Type of landing page)

      Do you have on the blog post or article with
      the full list of landing page types?


    • I really love the first one. The most striking visually talking and very persuasive.

    • These are sweet landing pages! I’m new to the site and hoping to get a landing page set up in the coming weeks. Thanks.

    • I really appreciate this post. We’re actually going into a design meeting that will cover some of our next year and I’m definitely going to be showing this to our designers and telling them “Hey why can’t ya’ll make something like this?!”

      Thanks for putting this together.

      • Oli Gardner

        Glad it’s of use to you Matthew. Please come back and share your experiences and ask any questions you think could help.

    • This is an awesome, I’m actually just about to create a landing page, for my 404 errors on: Sheffield Website Design Bookmarked this page and will return to see users comments, I could do with people letting me know what their favourites are?


    • Pingback: Best of the Best User Experience Resources of 2010 | Salty Dog Interactive()

    • Pingback: Incredible Ways to Improve Your Conversion Rate | NuArtisan's Website Design, SEO, & Photography Tips - Austin TX()

    • Does your site have a contact page? I’m having a tough time locating it but, I’d like to shoot you an email. I’ve got some recommendations for your blog you might be interested in hearing. Either way, great blog and I look forward to seeing it grow over time.

    • Magnificent web siteLots of useful info hereI’m sending it to some friends ans also sharing in deliciousAnd of course, thanks for your effort!

    • Hey, Interesting post, I like it. Just saved your blog and I’ll make sure to come visit again.

    • Oh my goodness! an incredible write-up dude. Thank you Nonetheless I’m experiencing challenge with ur rss . Don know why Unable to subscribe to it. Is there anyone acquiring similar rss drawback? Anybody who knows kindly respond. Thnkx

    • Excellent source of information. Thank you!!!! by haberler

    • Thank Oli. Really attractive-simply templates. You know my staff don’t have quite a professional web designer, so sometime we have to purchased premium themes.

    • thank you wery much.

    • hello sir,would always follow your web site I wonder if you would very Takir Can I write here is some information on my own website and thank for sharing

    • düğün salonu, düğün salonları, düğün mekanları

    • Nice collection of web design tutorials. You have collected the best of them in one useful package.

    • Keep the focus of your page’s design and text on a single sale, event or product. You want people to understand the message you’re trying to convey instantly – they shouldn’t have to dig to find any answers. For example, if you want to push your new line of products for the holidays, keep your content focused on these items alone – no need to clutter the message with other information. Yes, less really is more.