Self-Checkout
Launching a new way to checkout
Project Summary
Best Buy is a national leader in electronics purchases. But, the pandemic decreased customer traffic and overall revenue. To counteract this, we designed a self-checkout feature to check out more efficiently. This led to positive feedback and revenue from our in-store customers.
Design Team
Rishi + Jenna + Katy + Anita
Designed the experience
Research Team
Kirk + Connor
Conducted user research
Key Decision Makers
Steven + Adam
Approved final designs for development
My Role
Rishi
UX Designer, Lv.2
My Responsibilities
– User Experience Design
– User Interface Design
– Mobile Application Design
– Information Architecture
– Research Planning
– Design Library Management
– Wireframing
– Prototyping
Timeline
August 2020 – April 2022
(50+ product updates shipped, ranging from small verbiage tweaks to major overhauls)
Tools/Programs Used
Figma
Sketch
Invision
Miro
Slack
Outlook
Teams
Jira
Objectives
1
Give customers the speed & convenience they are asking for when they checkout
2
Generate revenue during the pilot launch to validate the team’s existence
results
62%
of customer feedback is positive
150+
In-store hours saved during Black Friday
10% ↑
Increase in Best Buy App downloads
32% ↑
Increase in avg. transaction speed
Our customers, stores and stock price said one thing: something had to change.

Project Context

The pandemic affected Best Buy like any other company. We felt it harshly since our in-person experience is first class. The team was asked to find a way to bring customers back to the stores safely and increase revenue.

Customer Needs

Give customers the speed and convenience they are asking for when they check-out

Business Goals

Generate revenue during the pilot to show why we should improve the transaction process

Our Objectives

We knew that customers want to check-out in a safe and efficient manner. Putting them first would allow us to generate revenue. Our goal was to build out a better check-out process for our in-store customers.

How can we make the check-out process more efficient and effective for customers?

Current Check-Out Process

The process today is fairly straightforward but that didn’t mean it couldn’t be improved. We identified a few areas that would benefit from some improvement.

Only 1 designer

The team gave feedback but the design work was solely up to me

Existing design system

We had to design using the Best Buy App’s current infrastructure

Building as we go

Timelines made us research, design & implement quickly

Constraints and Challenges

The team gave me feedback and critique during our weekly check-ins but (almost) every pixel, button and screen was designed by me.

We also had to use the Best Buy App’s design system and infrastructure since our feature would integrate inside of it.

Lastly, the timelines and requirements were always changing so we had to do many things in tandem rather than separately.

Success for the team meant decreasing transaction time and generating sustained revenue.

Key Performance Indicators

The main goal was decreasing transaction time so customers could get in and out of the store safely and securely. This tied to our second goal: the more customers we helped, the more revenue we would generate.

We started with understanding how customers felt about the current check-out process in the stores.

“Any checkout method that can help me save time and not stand at the checkout counter is the most important.”

Customer
Mid 2020

Literature Review

The quote above came from a research study that really highlighted the need for a more efficient check-out experience. This statement became our main issue to solve.

Quick

Don’t want to wait in lines if their purchase is small

Quiet

Don’t want to always talk to an employee to checkout

Options

Want to choose how and where they checkout

Effortless

Want checking out to feel simple and easy

Secure

Want to feel confident in their Best Buy purchases

Freedom

Want the power to pay for their items on their own

What Customers Want

The research study also listed the 6 main things that customers wanted in their check-out experience. We wanted to address as many of these as we could while meeting our business goals.

Based on what we heard, I created a simple user flow to get the team started on the work.

Proposed Happy Path

Since the feature integrates within the Best Buy App, I created our hypothetical “happy path” flow to get a better understanding of what we needed to do.

Initial wireframe sketching
Breaking down the item component
Creating a wireframe prototype in Figma

Prototype Wireframing

I started with some quick wireframes based on the happy path. Within a few weeks, we were approved to start building out a Figma prototype for testing with customers and employees.

Next, we conducted several user interviews to see how our customers felt about our proposed changes.
Interviewing customers via Microsoft Teams

Conducting Research Remotely

I worked with the research team to draft questions and took notes during the remote interviews. We had participants walk through the wireframe prototype and asked numerous questions about their thoughts.

Interview results tracking customer excitement
Understanding employee sentiment using a Likert Scale

Remote Research Results

The initial feedback was good: customers saw the benefit of a “Self Checkout” feature. They felt that it would help them feel more comfortable in the stores.

Employees, on the other hand, saw the value but weren’t sure if it would make their lives easier or harder. We knew that we had some more work to do.

Dig Deeper
Design Exploration
Project Summary

I worked with the research team to draft questions and took notes during the remote interviews. We had participants walk through the wireframe prototype and asked numerous questions about their thoughts.

This is some text inside of a div block.
We quickly got into a rhythm: several rounds of research and design followed by a flurry of development.
Quick screenshot of more intricate flows

Continued Design Exploration

Over the course of a few months, I designed more and more “edge-case” scenarios as the developers started building out the experience. Above is just a fraction of the project’s entire scope.

Applying color and styles to our wireframes
Creating a more visual success state for adding items

Design System Evolution

As we explored, I shifted from wireframe components to high-fidelity buttons, icons, symbols, etc. We also started pushing the Best Buy App’s design system to accommodate more applicable success/error/null states.

A few of the screens that were developed for the Self-Checkout Test App

Pilot Launch Test App

The developers worked quickly and spun up a test app for customers and employees to test out. This was a cross-team collaboration with designers from Best Buy Seattle team providing design support and feedback.

By this time, we got permission to do in-store research which quickly sped up our workflow.
Testing out some of the in-store signage with customers

Conducting Research in the Stores

The pandemic was still raging but with the vaccines and mask mandates, we were allowed to conduct in-store research. Using a combination of paper prototypes and the test app on our phones, we started getting more in-depth feedback.

Employee sentiment increased after using the Test App

In-Store Research Results

The results of the test were positive. The test app looked promising to the employees and the sentiment was starting to shift. While not every employee was on board, our stakeholders saw the promise in moving forward.

“I would probably try this out at least once? It would be cool to skip the lines!”

Customer
Late 2020

“This feature might help us during the busy holiday shopping season.”

Best Buy Employee
Late 2020

Customers enjoyed trying out the feature when it was actually on a phone. For them, being able to scan and pay for items right away was very helpful.

We fully integrated our Self-Checkout feature in the Best Buy App just in time for Thanksgiving.

Design Updates

The Seattle Team and I were in constant collaboration; we designed a more intuitive/streamlined experience that was testing well. From updated illustrations, colors and language, we felt confident in the feature launch.

In-store signage was put up to get the word out

Getting out the App

We also used in-store signage to increase customer awareness of the app. This was a major collaboration between our team and Marketing; this partnership was developed over months so it was great to see the signs in the store.

Black Friday customers in 2021 (Credit: Best Buy)

Black Friday

Finally, the day was here. It was time to see if our research, design and development had paid off. The expectations were high but we felt confident that we could meet them.

The results came pouring in and were mostly positive; our hard work had paid off and it showed.
150+ hours saved

The app helped customers and employees save time in the store

62% positive feedback

Customers told us that they enjoyed using the new feature

32% speed increase

Our average transaction time went down after the launch

Numbers and Results

While we tested this feature in only 50 stores, the numbers blew the Best Buy leadership away. We saw very positive results in all of the key areas they were looking for.

“Just wanted to say that this is fantastic work by the team! I am learning so much and am so impressed with all this work!”

Corie Barry
Best Buy CEO

The best piece of internal feedback came from Best Buy's CEO herself! It validated all of our hard work to know that the leader of the entire company saw the value in what we did.

There are bigger, even more impactful features that are planned for future product updates.
The ability to add Best Buy’s Protection plan to your items
More items to scan in more stores (Credit: Best Buy)
Adding a new card by scanning it

Future Roadmap

While the launch was a success, there are many more features that we’ve already started working on. From easier ways to pay and more items to scan, the Self-Checkout team’s trajectory has never been higher.

Collaborate diversely

Non-designers saws things I didn’t. It paid to listen to them at times

Test early and often

Testing continuously helped us challenge our assumptions

Push smaller updates

Every update doesn’t need to be monumental; progress adds up

Lessons Learned

Looking back, I learned quite a bit about building a feature with a nimble and diverse team. The experience of building this experience was challenging yet rewarding. I’m looking forward to seeing where this team goes next!