Redesigning Jiffy's Job Booking Flow

OVERVIEW

At Jiffy, we redesigned the job booking flow for mobile users, enhancing the user experience and achieving strong success metrics.

TEAM

Aziz Kara • Head of Product
Daniel Kim • Product Designer
Sarah Kennedy • Product Designer

YEAR

2024

Booking A Job

THE PRODUCT

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 PROBLEM

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.

Old JBF_4

How might we enhance the job booking experience on Jiffy's mobile app?

THE RESEARCH

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.

Mobile Flow
Web Flow

(Click to enlarge photos)

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:

Web Conversion Rates

Conversion

🔥44.7%

Observations in MixPanel show an average conversion rate of 44.7% among all user segments.

Web JBF Full Funnel – rated (4)

Mobile Conversion Rates

Conversion

20.8%

Observations in MixPanel show an average conversion rate of 20.8% among all user segments. 

Mobile JBF – Rated (4)

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.

USER TESTING

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.

LookBack

THE DESIGNS

Exploring solutions

Once I identified pain points and opportunities, we explored solutions that could be featured in a multi-step flow. 

Social Proof

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.

Pro Details

Informative Tips

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. 

Helpful Information

AI Implementation

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. 

AI

ITERATIONS

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:

JBF Prototype 1

(Click to enlarge photo)

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.

2. Materials & Fees

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.

4. Homeowner Protection Promise

It was not clear to customers that this was a our satisfaction guarantee. 

5. Credits & Coupons

Customers were confused why there were two places to add coupons and credits.

How did it turn out?

THE RESULTS

After several rounds of testing, we reached a point where we felt confident we could start prepping the designs for developer hand-off.

JBF New Flow

(Click to enlarge photo)

SUCCESS METRICS

A/B Test Results

We conducted an A/B test in Mixpanel to assess the success of our new design changes compared to the original booking flow.

AB test Metrics
Metrics

The new designs show a clear improvement in conversion from the old flow to the new flow.

These factors help grow a larger population of New users who sit at the top of the funnel and should eventually trickle into greater numbers of Medium/Heavy users over time.

Looking for more?

Copyright © 2024 Sarah Kennedy. All Rights Reserved.