Bingo Cards On Rails

No, despite what you might think, I haven’t decided to make Bingo Card Creator into a web application.

I was thinking about the full length of my conversion funnel today — from the very second someone gets on my webpage, to the instant they’ve clicked the “Send Patrick money!” button at Paypal or Google.  I was thinking “Is there any step in this process which could be easier or more streamlined?”  And of course there was — there always is.

The most prominent feature of my home page is a screenshot of Bingo Card Creator, which is dead center and dominates the page.  I know that screenshot captures viewers’ attention instantly, because a) when I made the icons prettier on it I started selling a lot more and b) CrazyEgg tells me that something like a quarter of the people who so much as glance at the page click on it.  When they click on it, the screenshot expands in a Lightbox effect. 

What I would like to happen: The visitor should, at this point, say “Wow, that is cool.  I want to try that.”  Then they click on the Free Trial button on the right, download the free trial, install the free trial, play around for a little while, click on Purchase Now, and come pay me money. 

What really happens:  Exactly that, some of the time.

What else happens:  The visitor, not too computer-savvy and left without direction, just closes the browser, hits the back button, or ambles on to read more from my website.  Not that I mind reading, you understand, but I want to encourage folks who are ready to do more than read to skip the reading and proceed straight to the trial.

So, I hit upon an idea — put the whole process on rails (in the non-Ruby sense of the word).  I know what I want the customers to do, so why not tell them?  Plus, the screenshot as it is is busy — it isn’t exactly clear what message I’m sending, other than “This program exists, and look, it has pretty buttons”.  (Do not discount the effect of pretty buttons!  Doubled my sales!)  In particular, the bottom of the screenshot (where I put advise for new users) is offputting: its a wall of text and, as we all know, nobody reads on the Internet.

So here’s what I changed about the screenshot (only after clicking to view the screenshot, mind you).  (WordPress may cut these off — click for full-sized.)



New Version With Instructions

You’ll note the second version gets rid of the ugly Wall-O’-Text and replaces it with a nice, hopefully readable instruction on what the person probably wants to do. I used the blue for the Download Free Trial text to mentally prepare them that the Download Free Trial button is blue, without having to say so (I tried, but it started to feel cramped).

So let’s test it:

1)  Create the two images.  D’uh.

2)  Create two versions of index.htm, one telling Lightbox to use image #1 and one telling it to use image #2. 

3)  Upload them both (second one is index-alternate.htm), check for errors.

4)  IMPORTANT: Ban index-alternate.htm in robots.txt to prevent Google from smacking me with the Duplicate Content penalty.

5)  Go to Website Optimizer, get Javascript, insert, upload again.

6)  Identify conversion page.  Ideally, I would like a conversion to be actually downloading the trial.  Unfortunately, the trial download links go to an .exe and a .zip, and so I can’t exactly insert the conversion Javascript in them (for reasons beyond my ken, Website Optimizer won’t let you piggyback on Analytics’ use of a Javascript call to record clicks on non-html pages).  So, I punted and instead inserted it into the Free Trial page, because everyone downloading a trial needs to visit there and if I get 10% increase in the number of visitors there that is a good thing even if they don’t all necessarily grab the trial.

7)  Blast 5,000 4,200 visitors a week past my home page and see which one wins out.  (Edit: my original traffic estimate for September was off, so I updated it.)

8)  Do it again, and again, and again.

Explore posts in the same categories: web design

Tags: , ,

You can comment below, or link to this permanent URL from your own site.

9 Comments on “Bingo Cards On Rails”

  1. Marcos Says:

    Why don’t you use an html page that automatically downloads the trial (like sourceforge does) so you can put the javascript there?

  2. cjacorp Says:

    You fool! I thought you were going to say you’d put a Download Trial button on the expanded screenshot. Why give them instructions for clicking a button on another page when you could just have the button on the same page?

  3. Patrick Says:

    Marcos, I did that for a while (about eight months, actually). Unfortunately, the safety issues over downloads which are not user-initiated have sort of put the kibosh on that, and having people actually click through to the trial raised the number of installations that I know to be successful.

    Cjacorp, I’m working on getting that accomplished. Unfortunately, it requires with tinkering with the internals of Lightbox, and Javascript is not my bag. So, for the moment I’m taking a baby step, and will improve it later when I get some time.

  4. Charlie Says:


    I was wondering the same thing, but my guess is implementation complexity. Patrick is using Lightbox for the screenshot, which is handling the click. If he can do it, though, saying, “Like what you see? Click here to download a trial!” would be more effective, I think.

  5. Charlie Says:

    Darn it, I knew I should have hit refresh to see if you responded yet! At least I was right 🙂

  6. cjacorp Says:

    Surely all you want is an expanded screenshot with a Download Trial link. You don’t need to use Javascript for that. Lightbox is cool but you could achive the same with a link to a new page. Surely the average school teacher won’t notice the difference.

  7. bob Says:

    so what were the results?

  8. cjacorp Says:

    Achieve, even.

  9. CRM Says:

    Hey Patrick, I agree with cjacorp, in fact, you’ve put the “download free trial” text in blue, and you know what happens when you do that… people will click on it! I would recommend getting a click on the enlarged screenshot going to the download page quick smart.

    Actually, to work around it, it probably pays to take out Lightbox, when you click on the screenie on the home page, it goes to a standard page with the enlarged shot and a “download trial” link under the full size screenshot and if you click on the full size image it downloads the trial also.

    Just some thoughts.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: