14 Good Signup Pages Showcased With Examples for Web Designers

August 4, 2014
1 Star2 Stars3 Stars4 Stars5 Stars

This post is all about showcasing awesome landing pages, to give you some inspiration for your next design. It’s worth stating that no page is ever perfect – or conversely,every page can be better

 

Trello

07-landing

Trello is a project management tool that makes organising a project easy. The section of the landing page above the fold is probably the simplest you could find (and it could perhaps do with including the phrase “project management” somewhere), but it makes really good use of social proof – a slider constantly brings testimonials and avatars of users all recommending Trello. Further down the page it includes logos of companies who choose to use Trello, and it all works together to make the visitor feel safe about signing up.

Assistant

08-landing

Assistant is an app like Siri, that allows you to change your calendar using your voice. While the fact that the demo auto-plays is a bit of a downside, the upside is that you can easily see how the app works, along with short use-cases on the right hand side. Beautifully, the only noticeable button that’s clickable on the page is the “Download” button, which contrasts tastefully against the background and is immediately visible.

Branch

09-landing

Branch is a brand new startup that tries to make it easier for people to have meaningful, intelligent conversations on particular topics. It’s relatively difficult to explain how it works in a textual way, so so Branch have opted to include a visual demonstration that auto-plays (thankfully without sound) when you visit the landing page. Clicking “Learn More” and scrolling down the page fixes a header with the “Request Invite” button to the top of the viewport. Once you’ve read enough and are ready to join, you’ll be able to do so quickly and easily. The copy that Branch chooses to include on the page is also very clever – it doesn’t focus on features, it focuses on the benefits of those features (e.g. “Publish your ideas” instead of “Create a status update”).

Chartbeat

10-landing

Chartbeat is a real-time analytics dashboard with one of the slickest landing pages out there. You can tell that a lot of thought, care and attention has gone into making the entire page usable, which should have had a great effect on increasing conversion rates, too. It’s easy to see a demo of the product in action, if you’re more visually oriented, and you can find out more information about the service on the homepage, as each benefit is explained.

Ballpark

8e605_01-signup
Ballpark is an invoicing apparatus designed for freelancers and tiny businesses to assistance them lane their time and get paid by clients. Their signup page does a good pursuit of shortening a viewed risk of fasten – by focusing on a giveaway trial, a word “cancel anytime” and a commemorative from a stream (relatively well-known) customer.

Chartbeat

8e605_02-signup8e605_02-signup

Web analytics apparatus Chartbeat has a signup page that also creates it transparent what your monthly price gets you, along with some calming duplicate that reminds we that we can ascent or cancel whenever we want.

Prezi

8e605_03-signup

Presentation program Prezi has a signup page that uses colour effectively to assistance compute between their plans. Notice how a giveaway devise – while still clearly accessible – is reduction conspicuous than a “Enjoy” and “Pro” plans.

Basecamp

edfdb_04-signup

Basecamp, a plan government program from 37signals, have left a step serve and indeed private a unchanging signup page – instead focusing on carrying a signup margin embedded directly on a homepage.

Kickstarter

edfdb_05-signup

The famous crowdfunding startup Kickstarter have a signup page that – while not indispensably pleasing – is rarely functional. They’ve clearly suspicion about it from a user’s indicate of perspective – if we already have an comment and breeze adult on a signup page, a login form is also conveniently within reach.

MailChimp

edfdb_06-signup

Email newsletter specialists MailChimp have a novel approach of displaying their signup form. They’ve nude divided a navigation, footer and any distracting elements to leave usually their mascot and a signup form. The outcome is a confusion free, beautifully minimalist signup page.

Shipment

edfdb_07-signup

Shipment is a use that turns Dropbox folders into simply sharable projects for designers. Their signup page is purify and unfussy, though still has all a information we need to make a decision.

Freshbooks

2334a_08-signupAccounting program Freshbooks have simplified a signup form as most as possible, to a border that there are now usually dual fields – name and email.

Tips & Trip

02-landing

Tips & Trip is an app that helps you share your travel experiences with friends. The landing page has a great visual design that instantly lets you know the product is about travel, and the headline does a great job of explaining the benefit of using the site rather than simply a feature (“discover amazing new places”). The “Sign Up Now” button uses a great call to action and is impossible to miss thanks to the bold and contrasting colour choice.

TinyLetter

03-landing

TinyLetter allows people to set up their own email newsletters quickly and easily. The landing page is clean, minimalist and allows visitors to see how TinyLetter works. They can watch an introductory video, or scroll down the page to see a short text-based description as well as the benefits of using the product. One of the smartest things TinyLetter’s landing page does is keep the banner with the bright red “Sign Up” button fixed to the top of the viewport. This way the call to action button always stays visible, even if visitors scroll down the page.

Stripe

04-landing

Stripe is a payment provider for developers that allows them to easily accept credit cards on their service. It’s biggest selling point is that it’s much easier to install than it’s big competitor PayPal. Stripe has one of my favourite landing pages because the next step to take is so obvious – even though it’s quite text heavy, it’s informative and useful and there’s no fluff. The call to action is visible at the top and bottom of the page – “Get started with Stripe”.

Evernote

05-landing

Evernote is an app that allows you to collect and search through all the data in your life – notes, emails, things you’ve found on the web, etc. The landing page does a really good job of explaining this, and the headline “Remember everything” is a really short, succinct benefit that works really well. The only downside to this landing page is that the “Get Evernote, it’s free” button blends into the background instead of standing out – which means it can be easy to miss if you’re only skim reading the page.

Rdio

06-landing

Rdio is an online music streaming service, and the landing page is very clean and visually appealing. It does a great job of explaining what the service is, how it works and what the benefits are. The signup button in the top-right is impossible to miss, and will likely do a great job in increasing conversion rates by including the all important word “free”.

Leave a Reply

Your email address will not be published. Required fields are marked *