There’s no magic formula to create a perfect landing page. Deciding headline and color are all but a few concerns when creating a landing page design that nudge users to do something. Justinmind took a look at what a few of our favorite companies have done when it comes to their landing pages and given our thoughts on what’s good and what could be tweaked.
Some landing pages perform better than others but great landing pages strike a balance between well considered design, legible typography, sufficient content length and persuasive call to actions — all making up the landing page anatomy, if you will.
There’s a lot that goes into a landing page that converts so constant tweaking and tinkering is necessary to ensure you get the conversions you want. Yep, that means being meticulous over which shade of red to pick for your call to action button. Watermelon pink, anybody?
Here are 10 examples of landing pages with awesome UX:
Overall Airbnb has a seamless user experience but their Become a Host landing page is beautifully designed. It’s minimal, easy to look at and uses a lot of white space. The use of green is associated with money and that’s exactly what a host can expect to get by using Airbnb. It’s possible that the smart color choice makes this a landing page that converts.
What’s great about this landing page is it hones on how much a host can earn in their city so instantly potential hosts have an idea of what sort of income they can expect when using Airbnb.
What’s good: Warm photography, choice of color green, highlights the clear benefit of hosting.
What we’d A/B test: Color choice of the CTA
Calm, the meditation company, evokes feelings of tranquility with their landing page design. The relaxing mountain scene uses video effectively with the slow ripples in the water reinforcing the whole ethos behind Calm. Not only that but using video on landing pages increases conversions. Their headline copy demystifies meditation and the call to action informs users that it’s a free service. How’s that for calming?
What’s good: Minimal design, calming animation, relaxing color choices
What we’d A/B test: Alternative videos
Spotify’s Premium subscription page is dynamic and colorful, representing the wide array of music the service offers. Color profoundly affects how we interact with the world and this even plays a role in landing page design, as Unbounce outline here. The landing page does well by highlighting the main features of premium as well as the 30-day free trial for those who haven’t tried the service before. The main copy, although direct, is a little weak.
What’s good: Bold call to action
What we’d A/B test: Headline copy could be improved
For those looking for minimal landing page inspiration, Squarespace has you covered. Squarespace’s user experience is very minimal and focuses on its beautifully crafted websites. The claim your domain landing page uses video in a similar way to Calm, however, the video isn’t bright nor distracting. It adds an element of energy as users are prompted to type their desired domain name in a large, input box.
The rest of the landing page is white and crisp, as expected from Squarespace. Using refined animation and simple black and white text enables Squarespace to convey their message clearly.
What’s good: Minimal, coherent design and colors, use of white space
What we’d A/B test: Try adding icons to the features for enhanced visual communication
Shopify, the ecommerce platform, uses clear and direct copy, explicitly telling users what they can expect from using Shopify’s services. The imagery helps to explain the message further and creates cohesion with the landing page design.
The page is also peppered with impressive statistics and testimony from happy customers which helps to reinforce Shopify as a trusted platform for your selling needs.
What’s good: Illustrated icons, well written copy, consistent CTA
What we’d A/B test: Bring the features higher up in the landing page design
Finish reading this article on Justinmind’s blog >here.
Source : https://medium.com/@justinmind/10-landing-page-examples-with-awesome-ux-f82345e948fa