Sketch to Reality: Golf Trac Signup Complete

The last major infrastructure piece of Golf Trac was payment integration. Since I was integrating with a hosted payment page I wanted to give users the ability to know that the signup process was complete. In theory they wouldn’t question it, because the idea is to make the external service feel like you never left, but on any step-by-step process (in this case, 3 steps), I believe it’s often worthwhile to have proper closure.

With that said, here was my thought for the screen you would see when your signup was officially done:

The green with the flag protruding out behind the login box may have been a nice touch, but it was a little too “flashy” and just added YATTP (Yet Another Thing To Process). So I blew up the checkbox and got rid of the eye candy. Also, highlighting that they have completed the final step is probably a good idea. Here’s what I came up with after 2-3 more sketches:

And it’s only fair to show you what the live implementation looks like, so here you go:

I’m pretty happy with it. Even though I’m integrating with an external application for payment processing, I must say, the experience is about as good as it gets, which was really important to me.

By the way, I use doane paper for all of my design sketching, and I can’t recommend them enough. Very high-quality stuff.