Awesome Good Signup Pages Showcased With Examples
Online, it’s important to do as much as you can to help guide your visitors. As Steve Krug’s book on usability “Don’t Make Me Think” famously suggests the idea that online, being clutter-free, simple and obvious is the way to produce a highly useful and usable design.
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 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 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 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 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”.
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 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 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 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 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.
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.
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, 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.
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.
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 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.
Accounting program Freshbooks have simplified a signup form as most as possible, to a border that there are now usually dual fields – name and email.
Originally posted 2014-07-25 05:28:46.