New Registration User Experience

IMG_5403We have released a MAJOR upgrade to the core registration process participants follow to signup for your events as part of our User Experience Manifesto.

It is designed for mobile first, with a cleaner look and feel, better flow, improved visibility for groups and teams, a great looking checkout page, and some cool UX tricks like flipping credit cards!

For the next week or so, while we gather feedback, this is optional. You can select the new registration process under the Race Theme page in your dashboard. After that, we will default all races to this mode – so provide feedback if you have some.

Screen Shot 2017-10-31 at 2.26.30 PM.png

Mobile First

Phone view of some major pages:

Screen Shot 2017-10-31 at 3.05.54 PM

Full Screen

One of the key new designs is the full screen approach – we used to keep registration inside the frame of the race website. It now takes over the whole screen. This creates a cleaner user experience, and we expect fewer distractions and more complete registrations. The form elements are also newly designed, as is the header.

Screen Shot 2017-10-31 at 2.25.15 PM.png

Color

We have also spent a lot of time to work on color matches and readability even when our customers make “questionable” color choices:-) And you will notice we are picking up our new ombré color transition on headers (fades from dark to light from left to right):

Screen Shot 2017-10-31 at 3.15.01 PM.png

Teams

We have made joining groups and teams much clearer on the right along with cleaner demarcation between events with the drop shadow borders:

Screen Shot 2017-10-31 at 3.01.21 PM.png

And the pop-up is cleaner:

Screen Shot 2017-10-31 at 3.02.06 PM.png

Store and Add-On Items

This page also has been cleaned up with a better looking selection box:

Screen Shot 2017-10-31 at 2.27.30 PM.png

Checkout

The checkout page is also segmented into logical areas with nice frames to set out the important information like Registration Cart on the right:

Screen Shot 2017-10-31 at 2.28.41 PM.png

Credit Card

And we have a new cool design for credit cards. The actual card changes color and logo depending on the type (AMEX, VISA, MasterCard and Discover) as you start to type:

Screen Shot 2017-10-31 at 2.29.12 PM.png

And when you enter the CCV, the card actually flips (or stays on the front side for AMEX)!

Screen Shot 2017-10-31 at 2.30.38 PM.png

Optional Processing Fee Payment

If your race has the option for the participant to pay the fee (this is common for donation and fundraising events), the new look is designed to increase participation:

CheckoutFeePaymentOption.png

Confirmation Page

And we’ve added a little celebration on the confirmation page, along with an easier to read and understand layout:

Screen Shot 2017-10-31 at 2.31.38 PM.png

We are pleased to be putting out substantial improvement to our User Experience – because it really becomes your race’s User Experience for your participants. And we are here to make you look good!

Next on the plate for participants is a new look for your race website – wait until you see what we have planned…

2 thoughts on “New Registration User Experience

Add yours

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s

Up ↑

%d bloggers like this: