21 Best Landing Page Examples to Learn From
This post was last updated on June 10, 2020.
After you’ve set up your business and successfully created your website, it’s time to start capturing some leads. So, what’s the most productive way to gain valuable information or engagement from your site visitors? Landing pages, aka LPs. Why? Because they are easy to create, affordable, and extremely effective.
Unlike a traditional website, where visitors are encouraged to browse through multiple pages and categories, a landing page is a one-page website. The reason for that is very simple: a landing page serves one purpose, and one purpose only. It should have one clear message, supported by a descriptive headline, a few engaging visuals and a captivating CTA (call-to-action). Be it to sell a product, capture new email subscribers or get registrations to an event, this powerful online marketing tool can drive conversion for any purpose you may need.
Unlike a standard website, which visitors arrive at from different routes and for different purposes, landing pages are more of a marketing asset. Companies promote their landing pages through social media and paid advertisements on Google. Think of this page as a place where potential clients ‘land’ once they have clicked on your Google Ads link.
Due to the diversity of industries that use landing pages, not to mention the vast amount of purposes they serve, there isn’t a magic formula that is guaranteed to work for everyone (unfortunately). Because of this, it’s best to turn to existing examples to learn and understand what essential ingredients are needed in order to create a successful LP. Here are 21 of the best landing page examples you’ll find:
21 best landing page examples
From eCommerce to hospitality, and from web design to online marketing, let’s go over some of the best landing page examples out there. We’ll explain why each landing page is effective and what you can learn and implement when creating your own.
We’ll start off with something a little familiar. If you don’t know by now, Wix is a website building platform, used by almost 200 million people across the world, from small business owners to bloggers, artists, store owners and more.
This landing page is one of many used by Wix to draw in potential clients who are looking to start their online journey. The first fold includes all the essential elements you’d expect to find when creating a powerful landing page: the company logo, a straightforward and descriptive headline, one consistent message, engaging and appropriate visuals, and a prominent CTA.
Let’s take an in-depth look into some of these elements.
What you can learn from Wix’s landing page:
Include a prominent CTA: The CTA should be the hero of your landing page. Don’t be afraid to be direct with the wording and bold with the colors. The message ‘Start Now’ is clear and conveys a slight sense of urgency, while the blue color pops against the light orange background. Here are a few more tips for creating CTAs that convert:
Keep it short, only about two to four words.
Use action-oriented verbs, like ‘Get’ and ‘Subscribe.’
Incorporate a subtle hint of persuasion and urgency.
Use language that matches your brand identity.
Be as direct as possible. Users should know exactly what to expect after they have clicked on your CTA.
Use engaging visuals: Wix has beautified their landing page with a captivating and evocative digital illustration that continues throughout the length of the page. The top fold features a mountain whose peak points directly to the CTA, drawing visitors’ eyes straight to the button.
The mountain imagery relates to the idea of reaching new heights, perhaps by creating a website. The image (or images) you choose to display should quickly and effectively reflect the purpose of your product or service.
Minimize the scroll: All of your poignant information should appear ‘above the fold’ (the part of the website that’s viewable on the screen before visitors have to scroll down). This content should greet your visitor from the second that they click on your link.
In this example, the logo, headline, CTA and visuals are all available to the viewer above the fold. If your landing page requires more information, and therefore more space, you can use directional visual cues like arrows to invite them to scroll down. In this case, the water motif is what encourages visitors to keep scrolling, tying together the various elements of the landing page.
Vimeo is a video hosting site created by a group of filmmakers, catering to a professional audience. The company provides creators with tools and technology to host, distribute and monetize videos. They offer various plans according to different functions users may need ranging from basic to premium plans.
This landing page is specifically targeted towards users who need video solutions for their business. It’s no surprise that each function is shown through the use of video, alongside a short description and testimonial for each. The mission statement is bold and clear, followed by a straightforward CTA: ‘Get Vimeo Business.’
What you can learn from Vimeo’s landing page:
Know your audience: Since landing pages are not a one-size-fits-all operation, it’s important to understand your audience when writing website content. The tone and messaging of the text throughout this page is heavily tailored to big companies. This is seen through the headline: ‘More engagement, more collaboration, more growth for your business,’ as well as in other sections across the page. They’ve understood what businesses want to achieve and have clearly laid it out.
Eliminate all other navigation: Your landing page should have a clear goal: to convert visitors into leads. Therefore, remove all links that could potentially deter your visitors. There’s no need to include a website menu leading to multiple pages. Vimeo only includes one consistent CTA throughout the page to reiterate the same message: ‘Get Vimeo Business.’
Udemy is a global marketplace for online courses of all shapes and sizes. From data science to graphic design and social media marketing, there are thousands of programs available for learning and teaching online. By enabling people to study from the comfort of their own homes, Udemy strives to help individuals enhance their skills and realize their visions.
While users are able to individually sign up for courses, this particular landing page promotes Udemy’s business plan. It offers companies a platform through which they can train and educate their employees, providing them with extra capabilities and knowledge on a range of topics. This can help businesses support their employees while working remotely and empower them to keep developing their careers.
Utilizing clear text, alongside a photo to set the tone, Udemy instantly explains what their solution for businesses is all about. The top fold is light and airy, compared to the rest of the page that has a more dynamic design, making sure that visitors stay engaged while scrolling.
What you can learn from Udemy’s landing page:
Create an engaging experience: The dynamic background ensures that each fold looks slightly different, crafting a compelling scrolling experience. At the same time, Udemy has made sure to keep the overall aesthetic consistent, sticking to their brand colors and a defined layout. The incorporation of images, video and testimonials that appear in a slideshow format keep visitors drawn to the screen.
Optimize for mobile: Your landing page should be optimized for mobile - there’s just no two ways about it. In fact, considering the amount of people who use mobile devices, the mobile version of your landing page may even garner more traffic than your desktop version.
This LP is perfectly optimized for mobile, with fixed CTAs that follow the reader as they navigate through the site. They’ve kept only the most important information on the top fold of their mobile website, eliminating the image, but ensuring that the CTA is highly visible.
While most landing pages consist of the same key elements, this one adopts a slightly different approach. Created for Mondaine, a watch collection that takes inspiration from the famous font Helvetica, the site exposes the thought process behind the design.
Instead of prominent CTAs that pop out at you on the top fold, the method here is more discreet. As you scroll down this one-pager, you discover everything from the similarities between the font and the watches, to work-in-progress sketches of Mondaine’s products. This approach helps draw in visitors, piquing their curiosity and getting them involved in the background story, rather than just the end product.
While there’s plenty of visual and textual information, it’s broken down into manageable chunks, thanks to a sophisticated scrolling experience and the incorporation of website animations. Staying true to the classic landing page format, you’ll find a number of buttons dotted around the site, inviting visitors to browse the full catalog. There’s also a fixed hamburger menu at the top of the screen, with links that redirect you to the brand’s business website.
Founded in the UK, food delivery company Deliveroo now operates in many cities worldwide. While their central website targets customers making food deliveries, this landing page is aimed at restaurants that are looking to partner with Deliveroo.
It’s clear that the company has pinpointed the needs of their target market and has defined the overriding aim of their landing page. This helps to make a distinction between their main website and this one. Every bit of copy and design decision has been tailored to fit their goal.
Instead of photos of luscious salads and fresh-out-the-oven quiches, the overall design is much more business-oriented. The video at the top focuses on restaurants and deliveries, rather than the customers. There’s also a short, explanatory sentence to instantly highlight what restaurants can gain from partnering with Deliveroo. A simple statistic helps strengthen this message.
What you can learn from Deliveroo’s landing page:
Utilize online forms: A common element in landing pages, online forms can help companies gather important information about customers. However, if they’re too long or complicated, customers are likely to get put off. In this case, Deliveroo has included only the most crucial details and has made it easy to fill in the form, thanks to convenient drop-down lists and clear labeling.
This event website by Epicurrence promotes their two-day conference for creatives. Merging adventure sports and activities with intimate, interactive discussions, this one-of-a-kind event is perfectly captured in this unique landing page example.
The design merges the elements of a classic landing page with intriguing copy, atmospheric illustrations and seemingly handmade dioramas that give a hint as to the event itself. A few bold, well-chosen words set the tone on the top fold. The CTA stays put as you scroll down the site, inviting visitors to buy a ticket without being too forceful. Small yet thoughtful additions, like a widget to control the time of day on a snowy mountain, invite users to interact and linger a little longer.
Browsing the website almost feels more like being cosily wrapped up listening to a story around a campfire, than scrolling down what is ultimately a marketing asset. Thanks to the subtle parallax scrolling effect, delicate text and dreamy, fullscreen illustrations, the overall experience is engaging, making the additional CTAs at the bottom of the site feel completely natural.
07. Dropbox Paper
Mainly known for their file hosting service, Dropbox offers a number of additional tools and features. This landing page example promotes Dropbox Paper, a collaborative workspace for teams of all sizes. Enabling remote teams to work together well, the platform includes brainstorming tools, a tool to help facilitate more effective meetings, and more.
Dropbox has utilized the wonders of visual hierarchy throughout their landing page, particularly in the top fold. Consisting of just a few words, this section perfectly captures the essence of their product. Thanks to the use of large text, site visitors’ attention is instantly drawn, helping them understand what the product is all about. Smaller sized microcopy elaborates more on the product, while an animation helps clarify the message.
Further down the site, a very clean and spacious design is paired with explanatory text and videos, plus clearly defined buttons and a fixed menu that ensures you can easily sign up at any point. They have also included testimonials by various teams and companies, clearly showing visitors how their teams can gain from using the platform. By using the word ‘stories’ instead of ‘testimonials,’ the tone is more eye-level, making the text feel valuable and credible.
What you can learn from Dropbox’s landing page:
Incorporate whitespace: Regardless of the objective of your landing page, it needs to be aesthetically pleasing. Whitespace is a design term referring to the amount of space between the various elements.
Adding whitespace to your website layout is crucial, as it allows your content to breathe, while ensuring that your visitors will not feel inundated with information. Dropbox achieves this by crafting a spacious design and adding slideshows that help disperse the content.
08. Blue Apron
Planning and preparing three meals a day can be a challenge, especially when your daily routine is filled to the brim with other tasks and activities. Enter: Blue Apron. This home delivery service enables you to select a weekly menu for you and your family. Then, a delivery of fresh ingredients and recipes is dropped off straight at your door. This solution helps you save time and minimize food wastage.
This landing page targets first time users of Blue Apron as they aim to hook in new leads with an appealing introductory offer. Their logo, headline and CTA can be found front and center on the first fold. Plus, all their information is surrounded by delicious looking, high quality food photography.
As you explore further, an explanation of how their service works is shown through a timeline of images and text. That’s followed by all the reasons why you should try Blue Apron and customer reviews - all very convincing.
It’s important to note that their CTA remains consistent throughout their page. It appears several times, ensuring that when a visitor is convinced and has made the decision to claim their offer, they won’t need to scroll too much to click on that all-important CTA.
What you can learn from Blue Apron’s landing page:
Present an enticing offer: Blue Apron presents an offer that most people looking for an easy solution to cooking can’t resist. After they’ve given you all the reasons why you need to try their service, Blue Apron follows it up with a $60 off deal. Below the offer is a small line (or slight nudge) explaining that the deal won’t last long. The ‘Don’t miss out’ line plays into the feeling of FOMO (fear of missing out) which is effective without being too pushy or salesy.
Keep your messaging clear: Taking into account short attention spans is important when designing any kind of website. When it comes to landing pages, it’s especially vital to hook visitors within a couple of seconds. In order to convert website visitors into customers, your message has to be crystal clear. Blue Apron has mastered their website copy, making it simple but not simplified. Their text is friendly, understandable and easily skimmable - perfect for today’s average internet browser.
This technology driven approach to hiring utilizes artificial intelligence for identifying potential risks associated with a candidate’s online presence. One of the best business websites, Ferretly’s landing page targets other companies that may be interested in their advanced hiring solution.
Created on Wix, Ferretly’s site incorporates a selection of professional features. The use of live chat makes it especially easy for visitors to get in touch. As you scroll down the site, the live chat widget stays put, so that it’s always within reach.
The top fold answers any initial questions that a visitor may have, with a bold header, additional explanation and a CTA. The rest of the page is organized into bite-sized sections, as Ferretly explains the benefits and features of their platform. Their clearly defined website color scheme remains consistent throughout the site, with important elements like CTAs standing out thanks to their vibrant shade of green.
Audio streaming platform Spotify has created a landing page for their podcast hosting services. While their main website focuses on a broad message - “Listening is everything” - this landing page specifically targets podcasters looking for a platform through which to share their content.
The stark color contrast puts the focus on the typography. The text clearly states the purpose of the page and highlights the platform’s main benefit for podcasters. There’s a distinct color palette that differentiates this page from Spotify’s app, with its signature green. This helps indicate to visitors that this landing page serves a different purpose.
The page walks you through Spotify’s benefits using digital illustrations and digestible, down-to-earth copy. This winning combination helps reflect a vibe that is both approachable and professional.
Lastly, they’ve added inspirational content in the form of testimonials by other podcasters, and insider tips on how to start a podcast, book interviews for your show and more. To seal everything off, the landing page ends with an FAQ section, showing users that the brand is there to answer all of their questions and queries.
11. GT America
This landing page example was created especially for the GT America font by the Grilli Type foundry. Inspired by traditional American and Swiss typefaces, this font offers a more contemporary spin on a classic aesthetic. With six different styles available, it’s one of the best fonts for logos, as brands are able to adapt its versatile look to fit their branding.
The landing page uses a minimal color palette for maximum effect. The red link at the top of the page links to Grilli Type’s main site, providing them with an effortless way to promote their website. Contrasting with the blue text surrounding it, the link really stands out.
Further down the site, site visitors are faced with fun animations and interactions that invite you to play around with the widths and weights of the characters. This creates a truly engaging experience, as you discover the story behind the font. Here, too, the call-to-action buttons are placed at the bottom of the site, enabling you to get a proper feel for the typeface before deciding to purchase it.
Since the ridesharing business started out in 2009, the brand has expanded from peer-to-peer sharing to private rides, food delivery services and even a bicycle-sharing system.
A more recent chapter in their development is Uber for Business. This solution gives businesses the ability to schedule pickups for their clients, guests or customers. These rides can be requested on the spot or scheduled ahead of time. All you need in order to arrange the ride is your guest’s name, their phone number and destination. Unlike you, as the user, your guest does not need the app in order to catch their ride.
Although the landing page for Uber for Business looks slightly different from other Uber pages, it is still highly recognizable as part of the Uber brand. The first fold of the page includes the crux of what’s on offer as well as a ‘Get Started’ CTA that repeats in other places on their landing page. As you scroll, more information is revealed in greater detail.
What you can learn from Uber’s landing page:
Keep your text short: Your visitors are flooded with information. This is why most internet users have fallen into a habit of skim reading. In order to combat this, keep your text concise and sweet, just like Uber has. While they present a lot of information, it’s spaced out, sentences are kept succinct with one to two lines each and photos are used to reinforce the messages.
Follow the F-pattern: Another method used to catch those skim readers is something called the ‘F pattern.’ The key here is to grab viewers’ attention to areas where their eyes naturally gravitate towards. This was developed due to the extensive research done on eye-tracking.
Here’s how it works:
Imagine someone mapped out the letter ‘F’ on your landing page. Whatever areas are included along its lines are the places where you will want to insert all of the most important information and phrases in your writing.
The horizontal lines of the F-Pattern are areas where you can place headers that quickly explain to the reader what they can expect to find on your page. Uber achieves this by placing ‘Uber for Business’ in the top left corner. After that, your eye is drawn to the CTA, followed by the next chunk of text starting on the left: ‘Working together to help move what matters.’
After scanning across the top horizontal section of your page, a reader will naturally gravitate to the vertical line running downwards on the left-hand side. Your job will be to fill this space with interesting features that jump off the page. This encourages readers to follow the remainder of the sentence. It’s best to use bulleted lists, quote pulls or featured images in order to break up your content a bit. Uber follows this by repeating their CTA on the left-hand side. Designed in white with black text, the CTA stands out against the dark background.
It’s important to note that while this specific LP follows an F-pattern, most landing pages follow a Z-pattern. This is due to the fact that LPs are usually low on text and high on elements like buttons, forms and short explanations. You can also find these patterns applied in many of Wix’s designer-made landing page website templates, that you can fully customize to your needs.
Here’s how to formulate a landing page using a Z-pattern:
The idea is that someone could roughly draw the letter ‘Z’ onto your page, starting from the upper left-hand corner and ending at the bottom right-hand corner, and hit every stage of the flow you’ve created for your web visitors.
The top of your ‘Z’ (the left hand corner) is where your readers’ eyes will naturally gravitate towards, making it the perfect place to add your logo.
The diagonal part (the angled line) that runs across the page from the top right-hand corner to the bottom left-hand corner is meant to swiftly carry visitors from the top panel to the next section you want them to focus on. Whatever you place here should immediately grab attention. In the case of your landing page, this is where you could include your offer, powerful copy, images, video or form.
Moving from there to the tail end of the letter this is your spot to grab those visitors that you have managed to hook. Finish it off with a compelling CTA. This can be an invitation to sign up to a newsletter, request a demo, buy your product or book an appointment.
Sparx, the organization behind the Ed5M initiative, created this landing page on Wix in order to bring attention to their mission: to improve the world via Education Technology. They believe that this new scientifically proven approach to the teaching and learning experience has the potential to make significant improvements in this sector, helping enhance the lives of both teachers and students.
There’s a sense of mystery on the top fold of the landing page, with the black background, title and doodles. A clear narrative is conveyed as you scroll through the website. A mix of evocative imagery with shocking statistics and bold headers help bolster the message that a change in the educational system is needed.
Like any classic landing page, the CTA stays put as you venture down the site. Inviting visitors to ‘Join the journey,’ the text is enticing, and most importantly - the button is always within reach.
LinkedIn is the social media platform specifically tailored for professionals and businesses to network. It can be used to create company pages, as well as individual accounts. Users can showcase their business skills, accomplishments, launches, employees and so much more.
Since it’s a platform with many users and activity, it’s also become a spot where advertising space has proven to be valuable and successful. This landing page is targeted at businesses looking to reach new clients by advertising on LinkedIn.
The first fold includes the LinkedIn logo we all know but with a more tailored name, ‘Business Solutions,’ an uncomplicated headline and not one, but two CTAs calling for the same action - creating an ad. Then, the landing page goes straight into why you need to use LinkedIn ads, along with some impressive stats.
They have opted for a fixed menu (meaning that the menu remains in the same place as you scroll), which includes their logo and CTA. This way, no matter where you are on their page, the call-to-action is always accessible.
What you can learn from LinkedIn’s landing page:
Keep it focused: The more to-the-point your page is, the better. Your landing page should have one single purpose. Here, the message is to promote LinkedIn Ads. Apply the same principle for your own landing pages: take a look at your business plan and define your goal for a particular landing page, making sure to keep it consistent throughout. Avoid any visual clutter and put the focus on your main prize: that coveted CTA (shown here with the use of a frozen menu).
Give order to your information: LinkedIn has successfully considered the thought process of their visitors. First, they start with a powerful headline, followed by a CTA inviting users to create an ad. Then, as if preempting that a user may have some questions, they present a list of reasons why you should choose them. Following this, they go into more detail about their features, using short text and images of the actual interface, plus three clear steps to get started. After all that valuable and convincing content, they end off their landing page with a secondary CTA to seal the deal.
Social media management tools have by now become integral parts of marketing strategies. Hootsuite enables you to improve your social media marketing by letting you manage and schedule all of your content in one place.
Through illustrated screenshots and on-point copy, their landing page playfully explains exactly what they offer. The page merges the fun and digestible vibe of social media with a professional approach. Hootsuite’s included reviews by trusted customers as a way to build credibility with new users. Each fold of the page is used to explain and detail the multitude of features available.
What you can learn from Hootsuite’s landing page:
Emphasize your first fold: Your top fold is by far the most important element of your landing page (alongside your CTA). It’s the first thing visitors will see and it may be the determining factor of whether they decide to stay or leave. Hootsuite hits the nail on the head with this one. It’s clear, bold and to-the-point. Users immediately understand what it is they are offering and how they can benefit from it. For optimal impact, we recommend keeping your first fold to 11 words or less.
Repeat your CTA: Since your CTA is the gateway to converting clients, make sure it’s available to them throughout your page. Hootsuite does just this by placing their CTA in multiple spots: their static navigation menu, the top fold of their landing page and in the package picker.
16. Echo Echo
Collaborative platform Echo Echo is on a mission to help people get their stories heard with the help of their audio editing and sharing software. Their platform enables storytellers to transcribe their audio, edit it and export it to their chosen digital audio workstation or social media channel.
The bright background color, unusual visual language and intriguing statement at the top of the page instantly pique the interest of site visitors. As you scroll down, Echo Echo explains their features, using succinct text alongside illustrations. To close it off, there’s a second CTA at the bottom of the page, paired with a powerful, attention-grabbing question.
Created on Wix, this landing page successfully utilizes illustration to craft a sense of creativity that will resonate with Echo Echo’s target audience. The illustrations include visual representations of audio, as well as a hand motif that subtly symbolizes team-work.
Dedicated to spreading acts of random kindness, ARK hosts an annual event every December in which people are invited to show up and help put smiles on the faces of others in their community.
This heartwarming mission is successfully conveyed in their landing page. Accurately reflecting their values and messaging are the heart-shaped cursor and adorable animated vector art at the top of the site. There’s also the option of changing the display to dark mode, enabling site visitors to adjust the design according to their preferences.
As you scroll, the menu at the top stays put, inviting you to click ‘Give’ at any point during your browse. Another nice touch is the text at the bottom of the page that has a friendly, welcoming feel to it, as does the microcopy on the button, saying ‘Yes! Let’s do this!’
What you can learn from ARK’s landing page:
Add in social sharing: When you include social sharing buttons on your landing page, your visitors can help you further spread your message on their own profiles. On top of that, include links to your business’s social media profiles. ARK includes links to their social accounts in their landing page’s website footer, as well as an invitation for site visitors to share a Tweet or Facebook post to promote their message and initiative.
Digital workspace Moderne provides creative teams with tailored ideas, references and insights for their advertisements and campaigns. Acting as an all-in-one toolkit, the idea is to help teams optimize their marketing efforts, collaborate effectively and save valuable time on research.
Everything about the design of this landing page indicates that it’s aimed at creative professionals, from the illustrations to the typography choices. The custom illustrations are colorful and expressive, very different to the precise vector illustrations that are often used by digital brands. Instead of sticking to a restricted color palette, Moderne has chosen a broad spectrum of shades that also enhances the sense of freedom and creativity.
These unconventional touches are what help Moderne deliver their message of creativity and collaboration. Despite this unique design, they’ve still stuck to the classic elements of a landing page: a powerful header, multiple CTAs and content that has been split up into digestible sections.
Since its launch back in 2008, Airbnb has been offering homestays, lodging and other forms of tourism experiences across the globe.
The company’s main website has various sections pertaining to different users, whether they want to become a host or book a stay. Here, this specific landing page is targeting businesses who want to use their services for when they need accommodation, co-working spaces or team building exercises while traveling.
The first fold is filled with a large video background showing various scenarios of colleagues traveling, working and mingling. A clear headline in stark white describes the notion that Airbnb wishes to portray. In order to get started, visitors simply have to input their email and press ‘Continue.’ To maximize conversion opportunities, the same CTA repeats at the bottom of the page.
If you scroll down, the page is filled with more pictures and descriptions of all the work-oriented options and accommodations. These are also accompanied by tailored CTAs: ‘Explore work-ready places to stay.’ In order to add a sense of credibility, there’s a dedicated testimonial section.
What you can learn from Airbnb’s landing page:
A video background: Video marketing statistics will show you that video is an excellent - and captivating - tool to show the product or service that you are promoting. Since Airbnb has numerous options, locations and services, a video is a smart way to show it all off at once. It’s important that the visual language remains the same throughout your page. The company achieves this by using only video and images that complement each other in terms of lighting, atmosphere and look-and-feel.
Ensure your brand is present: This could be through your logo, slogan, business name or any other element that will help your audience to ‘recognize’ you - regardless of how they landed on your page. A big part of building a brand is reiteration, so use your landing page as another opportunity to show more of your business. Airbnb’s famous logo is placed at the top of the page, standing out over the video background.
Fashion brand 3sixteen produces clothing and accessories, priding themselves in their use of premium materials and quality American manufacturing. First and foremost a denim brand, they have created this minisite to present their unique approach to denim and to highlight the story of their most cherished product - the jeans.
It may not be a typical landing page example, as it’s more eCommerce oriented, but it certainly serves to promote their brand and ends with a CTA leading you to their online store. The story-like structure walks you through the steps of how to soak their jeans before wearing them for the first time, emphasizing why unsanforized denim is the way to go.
The large product photos and minimalistic layout convey professionalism and quality. Together with the text, the overall experience is engaging and convincing without being too pushy.
21. GT Cinetype
Here’s another unconventional landing page (or “minisite”) created by Swiss type foundry, Grilli Type, in order to showcase the GT Cinetype font. Inspired by the limitations of a cinema subtitling machine whose laser technology can only move in straight lines, the font contains no curves.
A selection of videos greets you upon entering the website, providing you with visual context for the font. The high-speed black and white videos on the top fold discreetly place the text in the forefront, showing it off in its many different forms and sizes.
As you scroll down, you’re taken on a nostalgic journey through some of cinema’s most classic movies, hinting at the inspiration for the typeface. Large videos and quotes accompany you throughout the site, drawing you further into the experience, until you reach the CTA that only appears at the bottom of the site. This serves to give the font the platform it deserves, while making sure that the buttons are highly noticeable and easy to click.
Summary: The best practices for creating effective landing pages
Let’s sum things up. From these 21 landing page examples, we’ve learned important lessons on how to build these web design items. Whether you’re using a landing page template or are building your website from scratch, it’s imperative to keep these best practices in mind when you create your own landing page - so here is the full list:
Give your CTA the spotlight.
Use engaging visuals.
Minimize the scroll.
Know your audience.
Eliminate all other navigation.
Create an engaging experience.
Make sure your page is mobile-friendly.
Utilize online forms.
Present an enticing offer.
Keep your messaging clear.
Keep your text short.
Follow an 'F Pattern' or 'Z pattern'.
Keep your page focused.
Give order to your information.
Emphasize your header.
Repeat your CTA.
Add in social sharing.
Ensure your brand is present.
Test your landing pages for better conversions
One final tip: Once you’ve mastered the recipe of landing page creation, don’t stop just yet. There’s always room for improvement that could bring you some extra leads or clients. While there are ways to use your landing page wisely, there’s no magic formula that is guaranteed to work for everyone. It takes time to perfect the art and find what resonates with your audience.
There are many factors that could influence the success of your page, including timing, exposure, text, images and more. A good way to understand what’s working and what’s not is to run A/B tests. This refers to the method of comparing two versions of the same piece of content, with one item changed in order to create the variation.
When performing an A/B test on your LP, It’s important that you only change one element to really understand what is causing the success or detriment of your page.
Options for elements that you can tweak include:
Shorter or longer text
More direct or urgent messaging
The colors of your background or text
The image selection
A still image vs. a video
The size of your CTA
The placement of your CTA
The general layout of your page
By Taira Sabo
Wix Blog Writer
By Dana Meir
Design Expert & Writer