At Jiffy, we redesigned the job booking flow for mobile users, enhancing the user experience and achieving strong success metrics.
Aziz Kara • Head of Product
Daniel Kim • Product Designer
Sarah Kennedy • Product Designer
2024
A multi-step booking flow that walks customers through their experience booking a job with Jiffy.
At each step of the journey, we tackled common questions, concerns, and doubts that customers might face, with the ultimate goal of boosting consumer confidence and improving conversion metrics.
The mobile booking page was too busy.
As a designer, implementing new features on the booking page was becoming challenging as there was limited room to work with.
Multiple elements were fighting for the customer's attention and it was increasingly difficult to add new information without creating clutter.
Service information, pricing info, scheduling, text fields and photo uploads were all important features. We needed to simplify the delivery of information without removing essential components.
Jiffy's mobile booking flow had lower conversions than the web booking flow.
In 2020, Jiffy revamped its web booking flow for the same reasons as the problem mentioned above. As a solution, we broke down the booking flow from a single page to a multi-step booking process.
Hypothesis
A multi-step booking flow can help minimize user drop-off by building customer confidence. Breaking the process into steps prevents users from feeling overwhelmed and offers opportunities to share useful information and social proof along the way. This clarity reduces confusion and hesitation, leading to greater confidence in completing the booking.
At the time, given the importance of the booking flow to Jiffy's business, we wanted to approach any changes with caution. We delayed modifications to the mobile booking flow until we were confident the web redesign was a success. These were the results:
Observations in MixPanel show an average conversion rate of 44.7% among all user segments.
Observations in MixPanel show an average conversion rate of 20.8% among all user segments.
As you can see from the results above, it's evident the web multi-step booking flow was a success. Now it was time to implement the same on mobile.
Finding Opportunities and Pain Points
I first conducted User Testing Sessions with a handful of new and experienced Jiffy customers.
In this experiment, I asked customers to book a plumbing job on the old mobile booking flow.
I highlighted any needs, questions, concerns, confusion, or barriers that might cause someone to stop or hesitate booking a job.
Exploring solutions
Once I identified pain points and opportunities, we explored solutions that could be featured in a multi-step flow.
We wanted to reassure our customers that they will be matched with high-quality Professionals.
In our user testing, customers emphasized that trust is essential when they are booking a home maintenance professional.
We learned that customers still have some questions while they're booking a job. We highlighted important information that was missing from our original booking flow. This provides some reassurance and addresses common questions.
We had some room to explore how we could fit AI into our designs.
We considered adding AI suggestions that were generated based on job details provided by the customer. This encourages clear communication and helps reduce any potential issues between the Pro and their customer.
Design, Test, Design again.
After designing solutions, I created a prototype and tested our new designs. I conducted user tests of both the old and new designs to observe how they compared. Most customers felt the new designs were simple, easy to use and understand. However; there were still a few tweaks to iron out.
Here's a few pain points I discovered after testing our first Prototype:
1. Price Rates
Customers expressed confusion around price comparisons showing our Jiffy+ Membership offer. Some customers did not realize they needed to select a price to continue.
Some customers missed this part and would've liked to see it closer to the price rates.
3. I'm Flexible
This was a feature intended to auto-select the earliest dates available. This was not clear to customers.
It was not clear to customers that this was a our satisfaction guarantee.
Customers were confused why there were two places to add coupons and credits.
After several rounds of testing, we reached a point where we felt confident we could start prepping the designs for developer hand-off.
Copyright © 2024 Sarah Kennedy. All Rights Reserved.