A/B Testing Signup Page

I spent a day with my designer today and came up with the following.  The old registration page:

It empirically works (fairly well, actually) but it is spartan.  (The design is actually a slightly hacked version of the CSS which I downloaded from my Wufoo account — with their permission, naturally.  Yay for Creative Commons.  I don’t actually use Wufoo for storing any data but I love the form designer and pay $10 a month just to access it.)

The new, redesigned hotness:

I like this because it is more visually engaging and contains the sidebar, which I can stuff full of reasons they should sign up without impacting the readability of the main form.  It is also much more “on brand” for Bingo Card Creator, with the presence of my trademark (well, not really) H1 tag.

We’ll see which one ends up converting better.

While I was at it, I decided to try making the experience better for users coming in from my mini-sites.  Remember how I have a Halloween bingo page?  You might want to open that for a second.  The transition from that page to my site was sort of jarring — you move over domains, which normal users could care less about, but you also move from a black and orange color scheme to my soothing pastel blues.  Even with the guide text on the new page about Halloween bingo cards, I was worried about losing the “scent” — having a user figure “Whoops, this isn’t getting me to what I wanted” and closing out prior to signing up.

Accordingly, I did a bit of work to my template to automatically name the H1 with the card’s class, and all I have to do is upload a header image and write a wee bit of CSS and, presto-changeo:

Halloween Signup

Now it is much more obvious that I’m offering Halloween bingo, as promised.

No Responses to “A/B Testing Signup Page”

  1. Anthony September 25, 2009 at 1:35 am #

    Are you sure it works? I’ve just tried it. On http://www.halloweenbingocards.net/ when I click on “Free Halloween Bingo Cards” to go to your main site, I’m redirected to the sign up page as expected but I don’t see any halloween picture above the signup form.
    Unless what you’re describing here is what you plan to do (ie it’s not live yet).

  2. Patrick September 25, 2009 at 4:21 am #

    Anthony, thank you for participating in my A/B test. You’re seeing the old signup form, which does not get the Halloween header. Nothing is broken :)

  3. ScottK October 1, 2009 at 12:06 pm #

    Have you ever considered using the lightbox for your sign-in like you do with the purchase link?

  4. Patrick October 5, 2009 at 7:10 pm #

    Scott: Yep, as a matter of fact, I spent a few hours on Sunday trying to make this a reality. Sadly, I had CSS problems which made me scrap it. I’ll take another run on it this week.

Trackbacks/Pingbacks

  1. The IE CSS Bug Which Cost Me A Month’s Salary: MicroISV on a Shoestring - October 23, 2009

    […] September 21st my designer and I got together and we created a new candidate design for my sign up and login pages, which are both critical to conversions for my business.   The […]