• 24 Jul

    A well developed and organized sign-up page has to relay a large quantity of data in a  small area and must be quick and easy to read and understand.

    Overly creative plan names are more likely to hurt your sign-up process instead of help, as they’ll take longer to understand.

    It’s better to save your creativity for the other pages which will be redirecting the user to the sign-up page.

    Start a trial and error phase to test out what your audience might specifically be attracted to as this will vary from site to site.

    Here are 25 creative examples of sign-up pages which you can use as a starting point for inspiration when designing your own.

    1. Wufoo

     

    2. Ballpark

     

    3. Squarespace

     

    4. Concept Share

     

    5. The Resumator

     

    6. Big Cartel

     

    7. MindMeister Editions

     

    8. Freckle

    9. Nibble Tech

     

    10. Form Spring

     

    11. Zen

     

    12. Strutta

     

    13. Basecamp

     

    14. DropSend

     

    15. LightCMS

     

    16. Linkpatch

     

    17. Mailer Mailer

     

    18. Livestream

     

    19. eWedding

     

    20. Media Temple

     

    21. Litmus

     

    22. Brightbox

     

    23. Harvest

     

    24. Web-o-matic

     

    25. Crazy Egg

     

    Compiled exclusively for WDD by Liz Fulghum

    What aspects are important to you when designing a sign-up page? Please share your views with us!

     

     


  • 56 Comments »

     
    #1
    Francisco
    July 24th, 2009 at 8:09 am

    Great post!

    I was actually thinking of sending you an email last week recommending a compile of price pages, but this is pretty much what I was hoping you would blog.

    Would like to add, I think the best signup pages are the ones that include FAQs, to make the user confirm everything he has read before. For example, if he reached the sign-up page by clicking a “no credit card required, sign up now!” button, a good sign up page will include a FAQ explaining/assuring you really dont need a credit card and what terms follow, if any.

     
    1 Reply
     
    #2
    Walter
    July 24th, 2009 at 8:35 am

    Ah, I must have read your mind :)

     
     
    #3
    Janne J
    July 24th, 2009 at 8:39 am

    Nice post, nice designs!

     
     
    #4
    All for Design
    July 24th, 2009 at 10:05 am

    Good for the inspiration…very good examples.
    Thanks !

     
     
    #5
    Adam
    July 24th, 2009 at 11:08 am

    That’s some great inspiration – I need to do something similar to this for my new website offering e-commerce packages! I like the use of different colours to distinguish packages like in Wufoo.

     
     
    #6
    wayne
    July 24th, 2009 at 1:38 pm

    Great collection of sign-up pages… Thanks for making all in one post.

     
     
    #7
    Edgar Leijs
    July 24th, 2009 at 2:27 pm

    This is very interesting! Sign-up, i prefer to call it Pricing pages are most of the time quite boring, but if you look at Web-o-matic… WOW!!!

    And i agree with Francisco…

     
     
    #8
    JSB Web Design
    July 24th, 2009 at 3:04 pm

    Great collection here, some of them really pack a punch. This will eb a good resource for some inspiration and ideas. These sign-up pages are very important and need to present information in an easy to understand way.

     
     
    #9
    Toye Graphics
    July 24th, 2009 at 3:07 pm

    I really like Number 1. simple and effective, colours look really nice.

     
     
    #10
    Darren Alff
    July 24th, 2009 at 3:12 pm

    This is great! I’d love to see something very similar to this, but with well-designed landing pages next time. You know? The pages used to capture people’s names and email addresses (and sometimes their phone number, mailing address, etc). That would be a post myself and other Internet entrepreneurs would surely be interested in. Thanks!

     
     
    #11
    Sara
    July 24th, 2009 at 3:50 pm

    These are beautiful. I also really like Surpass Hosting’s sign up page: http://www.surpasshosting.com

     
     
    #12
    JP
    July 24th, 2009 at 3:57 pm

    GREAT!!! Thanks for the inspiration

     
     
    #13
    Luis Lopez
    July 24th, 2009 at 4:13 pm

    I like the Wufoo and Linkpatch sing up pages, but all are really well designed, that’s great, this kind of sites don’t loose the opportunity to have the attention of the visitor.
    Thanks for the post

     
     
    #14
    joão
    July 24th, 2009 at 5:15 pm

    oh god, wonderful job gathering all these examples!
    great article!

     
     
    #15
    Tim Wright
    July 24th, 2009 at 5:33 pm

    It’s interesting to see the some companies order from free -> cost and others cost -> free. I’d be interested in seeing the data on the signup rate for the ordering of services.

    Nice article, thanks.

     
    1 Reply
     
    #16
    Nils Rasmusson
    July 24th, 2009 at 6:19 pm

    Great set of inspiration-providing signups. Thanks for putting all of this together.

     
     
    #17
    Marc Falk
    July 24th, 2009 at 8:41 pm

    Great inspiration, which I need at the moment! Thank you…

     
     
    #18
    Jason
    July 24th, 2009 at 9:18 pm

    All great inspirations. Great article!

     
     
    #19
    Ocrif Spender
    July 24th, 2009 at 10:32 pm

    Merci pour ce dossier, excellent pour l’inspiration
    A+

     
     
    #20
    Justin
    July 25th, 2009 at 8:35 am

    Perfect list to get inspiration for effective landing pages. I look for something like this every time I start a new campaign.

     
     
    #21
    Link Degisimi
    July 25th, 2009 at 11:11 am

    All great inspirations. Great article!

     
     
    #22
    aledesign.it
    July 25th, 2009 at 11:15 am

    Good graphics..impoertant for some work..thanks! ;)

     
     
    #23
    Jasmin Halkić
    July 25th, 2009 at 2:11 pm

    Very nice.

     
     
    #24
    Jasmin Halkić
    July 25th, 2009 at 2:13 pm

    Nice. Great article.

     
     
    #25
    Jake Rocheleau
    July 25th, 2009 at 5:39 pm

    Sweet collection! Pretty unique article too, haven’t seen this topic covered anywhere else :)

     
     
    #26
    ILia
    July 25th, 2009 at 6:37 pm

    Wow, great stuff. I’m actually in the processing of designing a site at work that’ll need an interesting signup page, so this will definitely come in handy as a source of ideas and inspirations.

     
     
    #27
    Template Tuts
    July 25th, 2009 at 10:17 pm

    Excellent post, I love these examples.

     
     
    #28
    Pierrick Le Gall
    July 25th, 2009 at 10:25 pm

    Thanks a lot for this article. In the next few weeks I will have to design such a page for http://www.piwigo.com sign-up page (Piwigo.com is currently in beta stage, the website is only a sign up form for beta testers).

    When I read the post title in my RSS reader, I thought it was about the sign up form itself. This would have also helped me a lot :-) (just in case you’re preparing such a post in the future)

     
     
    #29
    David Jordan
    July 26th, 2009 at 2:36 am

    These aren’t general sign up pages, these are only specific to services that have packages. When I think of sign-up I think of putting in a username, email, password etc.

    I like the eWedding one because it has the (?) next to each option so you can actually find out more about that option with ease. Not many of the others actually do that and explain an option further.

     
     
    #30
    Page Gardens
    July 26th, 2009 at 4:13 am

    Beautiful! Very strong call to action on them.

     
     
    #31
    RoaldA
    July 26th, 2009 at 4:47 pm

    Awsome! :D

     
     
    #32
    Seo Stuttgart
    July 26th, 2009 at 5:55 pm

    The first seven are damn great, I really need to design again :D

     
     
    #33
    Adam
    July 26th, 2009 at 7:52 pm

    Good post definitely have some interesting ones on there.

     
     
    #34
    website design
    July 26th, 2009 at 10:10 pm

    Excellent selection of examples. Great post! :)

     
     
    #35
    Adam Hermsdorfer
    July 26th, 2009 at 11:32 pm

    Great list. This gave me some great ideas on how to improve the print layout of some of the packages that I offer.

     
     
    #36
    web tasarim
    July 28th, 2009 at 1:15 am

    I loved mediatemple and wufoo.

     
     
    #37
    tropicalismo360
    July 28th, 2009 at 5:08 am

    Great stuff!

     
     
    #38
    Mandy
    July 28th, 2009 at 4:32 pm

    I like the look of some of these – especially #17. If only my design skills were better than basic photoshop – my sign up page needs some serious work.

     
     
    #39
    Alastair Mogford
    July 29th, 2009 at 12:15 am

    Great article, and some great sites too.

    One I would at to the list though is the Spotify product listing page at: http://www.spotify.com/en/products/overview/

    Quite a dense sign-up overview page, but still simple to understand and really nice.

     
     
    #40
    Sarah
    July 29th, 2009 at 7:15 am

    Very good list. I love the comparison grids. As a user, I find that they are the easiest to understand quickly. As a designer, they’re simple to create. It’s great to see how each site puts their own twist on the grid design.

     
     
    #41
    frikik
    August 1st, 2009 at 2:09 am

    Nice post, nice designs!

     
     
    #42
    Leondp
    August 2nd, 2009 at 7:28 pm

    A Very useful article. Thanks for sharing!

     
     
    #43
    PraP
    August 3rd, 2009 at 8:44 am

    Great collection of sign-up pages

     
     
    #44
    Steph
    August 3rd, 2009 at 8:44 pm

    Very refreshing! The Web-o-matic one was quite creative, but the wufoo one was definitely where the drool started :)

     
     
    #45
    Ed
    August 4th, 2009 at 10:58 am

    Too much stuff on all of them.

     
     
    #46
    Paul
    August 5th, 2009 at 8:55 pm

    I like it, thanks =)

     
     
    #47
    Travis Dunn
    August 12th, 2009 at 10:59 am

    Nice collection! A good follow up post might be the fulfillment step. The comparison pages are exciting and attractive, and certainly show a common design pattern, but I wonder how different the subsequent steps are for each of the sites?

     
     
    #48
    Sid
    August 12th, 2009 at 3:33 pm

    Fantastic, thanks! Will keep this in mind when I do a store redesign next time.

     
     
    #49
    ryan
    August 19th, 2009 at 7:25 pm

    ummm why is this titled “25 Inspiring Examples of Sign-Up Pages”

    Shouldn’t it be pricing tables?

     
     
    #50
    Shawn McBride
    August 25th, 2009 at 7:12 am

    Thanks for collecting these! Inspired by the crazyegg pricing chart for one I’m working on right now…

     
     
    #51
    Pablo
    September 22nd, 2009 at 1:29 pm

    Mmmmm sign-up and comparison pages.

    Very nice examples! I feel inspired :0)

     
     
    #52
    kombizz
    September 23rd, 2009 at 8:33 pm

    nice collection

     
     
    #53
    Grafiko
    November 15th, 2009 at 5:35 pm

    Great resource, thanks for sharing

     
     
    #54
    web tasarimi
    December 6th, 2009 at 9:55 pm

    It’s interesting to see the some companies order from free -> cost and others cost -> free. I’d be interested in seeing the data on the signup rate for the ordering of services.

    Nice article, thanks.

     
     
    #55
    Matthias Hühr
    January 9th, 2010 at 9:51 pm

    Good work.I like Web-o-matic.

     
     
    #56
    Epilasyon
    January 19th, 2010 at 12:36 pm

    I’m trying to follow you every day webdesignerdepot. Thanks for shares.

     
    Name (required)

    E-mail (required - never shown publicly)

    Web-site

    Your Comment (smaller size | larger size)

Home| Advertising| About| Contact

© 2010 All Rights Reserved