We’ve been working hard on big enhancements to the usability and design of the registration process. Here is a breakdown of the changes!
1. Full-screen layout
Why full-screen? It declutters the interface and focuses the user on registration…which is what we want, right?
Full-screen gives us more white space, which increases the clarity of the page elements and improves the mobile experience.
An easy to use form = more conversions!
2. Integration of consistent design elements
As we create new and improved designs for our platform, it is important to reuse designs in appropriate places. The result? The platform will become familiar and recognizable through consistent design choices. Here are a few examples:
Ombre (gradient): In our new design, you will find our Ombre in the header, event boxes, and cart.
Profile: The profile has been updated throughout the new registration to better reflect our new profile design, as seen in the new profile section and the new CRM.
Fonts: Roboto. It just looks better!
3. Previous participant is now…Quick Fill!
You may remember the previous participant button at the top of the registration. This is a great way to speed up registration by using your sub-accounts, but its wording was confusing.
To help clarify this function, we have created Quick Fill. It functions the same way, but is easier to understand.
4. Cleaning up the form for ease of use
All of the form elements have been redesigned to be easier to read and more modern. We replaced the bright colors on the fields with gray (if you like colors, just select a field) and rounded the edges.
To help condense the page, we moved the Additional Information up under the Basic Info, and the password section is now located right under the email fields.
So what does this do for all your participants? It provides a clean, focused interface for registration and will produce increased registration conversions. Yay!
5. Introducing the Event Tiles
The event box has been updated to incorporate our new branding. You will notice an ombre based on your theme at the top and a drop shadow. These visual updates aid in creating a friendly design that is easy to read and comprehend for participants.
Races with a large number of events will appreciate the new look because it is easier to scan through multiple event tiles
In addition, the Group/Team feature has been updated with clear wording (Join) and a fun icon! The Group/Team pop-up had some minor updates: an ombre was added to the create/join buttons and the layout and flow of the team creation were improved.
6. New checkout page
The checkout page has been redesigned with a fun and easy to read design.
– Cleaner layout
– Fun and usable credit card entry
The cart is higher on the page with improved visibility, registration information has a new modern look, and registrants look more like the profile with fun icons.
We’ve added a new dynamic credit card to our checkout page that shows your name, credit card number, expiration date, and even the CVV number as you enter them. This design not only makes it fun to enter your credit card – it also serves as confirmation that you are entering the right information. So have fun registering!
7. Improved error messaging
We’ve cleaned up our error messaging to be consistent and more informative.
8. And some small improvements…
- Theme & Colors: You may notice that with your custom color theme applied, all the colors on the text, buttons, and gradients just seem to work well. That is because our developers have developed a creative way to make sure that text is white on a dark background and vice versa. Very cool!
- Improved and fun congratulations message on the confirmation page.
- Updated refund page. We added a “back to website” button for a clear path after cancellation.
This is just the beginning…stay tuned for more updates!
One thought on “UX Update: Registration Enhancements”