Booking Flow

Working with our Growth and Marketing Team

I had heard formerly that booking conversion did best on ads that went directly to a services page. Because of that we decided to insert city options below so that architecturally, our marketing teams could still directly link to a services page within a particular city from their ads. This created a win-win for first time users who organically find Glamsquad as well as for those who book directly from marketing ads. Because we confirm address details later in the flow, we had a place for users who chose a city to check their address later.

A more efficient layout.

On mobile, 70% of the viewport was taken up by directions throughout each step. Not only is this a waste of space, but this is an issue for smaller devices. On desktop, the space was divided and contrasted in such a way that your eye moves around and isn't sure where to focus.

We opted for a cleaner look with lots of white space - and one action to focus on at a time.

Over the course of a few years, there were consistent misconceptions and common questions associated with particular services. Thing like...

"Is ironwork included in a blowout?"
"Will they wash my hair or do I need to?"
"What nail polish colors are available?"

.

Inform the user on what's included in each service as they add it to their appointment.

With so much feedback being specific to each service - we added a tip call out to each Service modal to call out important things and answer common questions.

While it wasn’t a goal to increase AOV, there was certainly an opportunity to do so. We didn’t want add-ons to distract from adding the service, but we did want to make it visible if they chose to explore upgrading their service.

I also designed illustrations to draw the users eye to add-on upgrades for the service. We plan on A/B testing these to see how they effect AOV and conversion.

.

Make sure key actions, such as date and time, are focused and obvious to tap on.

The user already entered their location information at this point in the old flow - so carrying it over felt a bit inefficient and drew the focus away from date/time, despite that directions are important! We made date and time much more clear as the next key step in the flow and followed up with finishing location details right after.

.

Micro-interaction flexible for mutliple user types.

We needed an address field that was flexible enough to allow a user to:
• View the previously saved address
• Search for a new address
• Pull a previously saved address (return users)

I put together a prototype that showed how we could make a saved address field function simultaneously as a location search for adding a new address. If a return user, this could show multiple addresses as well as a new address CTA.

Tell users WHY we need a phone number.

During our qualitative interviews we often heard remarks about asking for phone number. So it was important to tell them that we use it for timely reminders and ETAs of their beauty pro.

We also have the option to continue with facebook. Previously, we put this at the top of our sign in forms, but only 20% of our user base actually used this - so we moved it to the bottom.

Offer trust and security around payment forms.

We previously offered a standard payment form with credit card number, expiration, and CVC code. As you can see, this form looks very sparse and does not leave reassurance that your information will be protected.

We added major credit cards that we accepted as well as a stripe badge (stripe is a relatively popular payment processor). Not only does this help the users eye immediately recognize this is a payment form, but it also provides some sense of familiarity and security. We also added a short line to say their information is protected, which we can always A/B test later on.

Try out the prototype!

We designed this in a way that we could A/B test language as well as flow order after release of this project. Such a big change requires careful testing and monitoring.

This project is still in development. I will update this study once I have some numbers to see if we reached our goal.

High-Fidelity Designs