The design is very minimal and features an animated guy with a big smile that is very inviting.
The headline uses social proof by showing how many companies have signed up in the last week, which makes the reader think “well, if all of those companies like Basecamp it must be worth checking out!”
They do a great job of removing barriers to entry by offering a 60-day free trial, instead of the usual 30 days and by not requiring a credit card to sign up.
To remove any further barriers to entry they have answered a list of common concerns below the fold.
How they got it right:
Capitalizes on video in its hero section
Leads with a clear and concise value proposition so you know exactly what you're getting
The first thing that stands out about this page is the sleek and modern design that makes the brand look professional and established.
The headline has a strong emotional, alluding to beating the competition by having information that they don’t.
This is an excellent example of using visual aids to simplify a technical service. By including the images of a Google search and various page elements it allows you to know exactly what you’re getting, even if you don’t know anything about SEO.
They repeat their call to action on a bright yellow background and then a bright red background to ensure that it’s always eye-catching.
H.BLOOM did a great job with drawing you into the experience of having a custom floral arrangement designed. Their use of elegant font and images of custom arrangements in a home, help explain the value they offer in a more tangible way.
The form is above the fold and the description makes it very clear what you are getting.
People are busy and don’t like complicated tasks. The “HOW IT WORKS” section is the perfect way to remove any hesitation by showing how the entire process is completed in three easy steps, with the final step being the end result.
People relate to other people more than a lifeless list of features. Readitfor does a great job of making the benefits of their service relatable by showing people (just like you) using and enjoying what they have to offer.
The headline couldn’t explain their service more clearly and the description sparks your curiosity with a thought-provoking question.
Since this service provides video summaries of books, it only makes sense to feature a high-quality video above the fold that gives the viewer a sample of what to expect.
The form uses a contrasting color for the CTA button (orange) and is above the fold.
Below the fold, they’ve listed six reasons to choose their service that also explain the features for people who might be finding them for the first time.
The design above the fold is simple and free of distraction -- a clear headline, a relevant image, and a form with a bright red CTA button.
They also have the feature to login with Facebook or Google+, which lowers the barrier to conversion.
Below the fold, they don’t waste any time getting to what’s in it for you. The question “How can coding help you?” is answered with a video from a real student that’s had great success with their program.
The copy uses aspirational language that appeals to the reader’s desires. Instead of asking you to donate to their cause, they are inviting you to be a part of the process by supporting and engaging with artists as a “Patron of the Arts.”
The header image features an artist working and draws an immediate connection in your mind of what the service is all about.
A bright orange CTA button is front and center, contrasting with the darker background, making it impossible to ignore.
Clicking “Learn More” launches a video pop up that quickly explains what Patreon is and how it works.
The easier it is for a visitor to convert, the more likely they will. Clicking the bright red button pops up the form that says “sign up in seconds” and allows you to sign in with an existing Google+ account.
By saying “over 2 million people are doing amazing things with Todoist” provides social proof and probes the question “why aren’t you?”.
The background image scrolls through different short videos showing a variety of scenarios where you could use the app yourself. It also gives you a glimpse of what it looks like on different devices.
The copy and form are centered in the middle of the screen and contrast nicely with the darker background.
The headline asks a question that their ideal persona has and the CTA offers the answer. There’s no other information on the page to distract from this single goal.
The image is relatable with a woman sitting on her couch with papers spread everywhere and her laptop on her lap -- implying that you won’t need to hassle with the papers if you simply download your personalized report.
"Trust by over 150,000 businesses worldwide" and the publications under the video serve as excellent social proof. With elements like this in place, Shopify is able to reduce doubt and improve their credibility.
The bullet points are both clear and easily digestible (This is what you need to know..1, 2, 3, 4, 5, 6.)
The explainer video provides them with an opportunity to give visitors a look at what they can expect from Shopify without having to read through a ton of dense copy.
The form is super short. By limiting the number of form fields to just three, Shopify is lowering the barrier to conversion.
The call-to-action is doing all of the right things. Not only did they employ a contrasting color, but the button text strays away from the traditional "Sign Up" or "Submit" that we've grown so accustomed to seeing.
Between the header and the bullet points, users know exactly what to expect behind the form.
The form is located above the fold,andit's stacked into 3 columns which helps to shorten the page and make it feel more manageable.
The line,"Don't worry. We respect your privacy", aims to absolve hesitation and make people feel more comfortable about passing out their contact information.
The combination of logos from existing customers and real-life faces with featured tweets serves as great social proof. While people are often skeptical of testimonials, real tweets provide visitors with the contact information of those endorsing the brand so they can reach out if they have a question about their experience with the product/service.
The header is specific and clearly states what is being offered.
The written content follows an "F-shaped pattern" whicheyetracking visualizations have shownto be the prefered way in which users read web pages. (F-shaped pattern = two horizontal stripes followed by a vertical stripe.)
The button is both contrasting and inviting. The world "explore" is very similar to the word "discover" and "reveal", which CopyHacker's Joanna Wiebe refers to as "low friction words."
The page is short and doesn't require the visitor to do any unnecessary scrolling.
The minimalist approach relies heavily on the image rather than the content to sell the platform, as Tumblr is know for it's compelling visual content.
The blue call-to-action is contrasting and prominent on the page.
The form is short and requires very little commitment from the visitor's end.According to Unbounce, anywhere between 3-5 form fields is ideal for lead generation.
The numbers at the bottom work to provide social proof, increase credibility, and address the all-too-common pain point - "I don't have enough time."(It only takes 30 seconds to join.)
When users see that their image has been featured on the homepage, it's likely that they'll share the page with their friends and followers(bragging rights for the user, a new stream up traffic for Tumblr.)
Tell you exactly who is going to teach you (Neil Patel), what he’s going to teach you (how to increase your search traffic, how to generate social traffic without using ads, and link building tactics), and how you can get access to the webinar (filling out the form).
Makes the webinar feel more intimate and one-on-one with language like“I want Neil to teach me how to grow my business.”
A large image tells you exactly what you’re going to get: An eBook that will help you generate more conversions without increasing your budget.
Highlights value in quick, easy-to-read way
Includes social proof in the form of logos of the publications its advice and work has been published. This addition helps newcomers know that the writers of this eBook are legitimate, trusted professionals and that what they share in this document will likely be no different.