A UX/UI CASE STUDY

INDUSTRY GROWTH

The fitness equipment market size was estimated at USD 11.5 Billion in 2019 and is projected to hit USD 15.2 Billion by 2027. An augmented reality shopping experience would only aid this growth of demand.

WHITE-GRADIENT-01.png
ps-01.png
ai-01.png
ae-01.png
grain-01.png

DEFINING THE PROBLEMS

PROBLEM #1

GYMS ARE CLOSED

Many Americans aren't able to take their usual trips to the gym during the COVID-19 Pandemic and face the challenge of staying fit at home.

PROBLEM #2

SUBSTANCIAL DEMAND

INCREASE

2019 online sales of fitness equipment rose 70% from February to March. This year, by comparison, sales increased 535% during the same period, according to data from Adobe Analytics.

PROBLEM #3

EVERYONES BUYING

SMALL PRODUCTS

While all types of fitness products tracked by Adobe Analytics have seen strong demand, smaller items are in higher demand than bulkier products.

CHALLENGES TO SUCCESS

ONE

SEARCH RESULTS

All search results should fit in the size of the area they have available.

THREE

Users should be able to save pictures of equipment in their homes.

SAVING PICTURES

TWO

AUGMENTED REALITY 

Users should be able to place, move, and rotate items in the intended area.

grain-01.png

USER FLOWS

LOW-FIDELITY 

WIREFRAMES

grain-01.png

HIGH-FIDELITY

WIREFRAMES

Room-Scan-01.png
Room-Scan-01 – 5.png
Room-Scan-01 – 6.png
Room-Scan-01 – 9.png
Room-Scan-01 – 9.png

XD PROTOTYPE TESTING

FOR FEEBACK

USER TESTS

SCENARIO

"You are a returning user and would like to find equipment, virtually view it, and position it in your home. Then add it to your wishlist and sign up for sale notifications."

THREE PARTICIPANTS

z01.png
z02.png
z03.png

The feedback resulted in two main changes. I've Moved the shopping cart icon to a location where they are used to seeing it. And the addition of instructions to the "Measure Room" pages with an option to skip.

EXECUTION:

ANIMATING PROTOTYPES

Challenge

All search results should fit in the size of the area they have available.

Solution

The user outlines the area where they could place equipment. All search results only include items that could fit in that space.

Challenge

Users should be able to place, move, and rotate items in the intended area.

Solution

The user repositions items by taping/holding items while moving the phone. To rotate items, they will use the scroll bar.

Challenge

Users should be able to save pictures of equipment in their homes.

Solution

To save items to a wish list, users must take a picture of the item in the room for future reference.

grain-01.png

MOCKUPS

4-screens-02.jpg
all-002.jpg

RESPONSIVE DESIGN

Final UI

LANDING PAGES

iPhone X-XS-11 Pro – 9.png
iPhone X-XS-11 Pro – 6.png

SETUP 

Room-Scan-01.png
Room-Scan-02 – 1.png
Room-Scan-01 – 28.png

PICK AND PLACE ITEMS

Room-Scan-01 – 6.png
Room-Scan-01 – 9.png
Room-Scan-01 – 11.png

ADDING TO WISHLIST

Room-Scan-01 – 18.png
Room-Scan-01 – 21.png
grain-01.png

REFLECTION

PIVOTAL POINTS

  • I didn't know apps can produce realistic sized 3d renders of equipment without measuring the intended area to place it.
  • I was surprised by a 535% increase in sales being primarily due to free weights.

WHAT WAS UNEXPECTED?

ITERATION

  • I will flesh out the checkout process, filtering options, and a standard eCommerce shopping version of the platform.
  • I will design another version of the initial menu to browse for items and then perform an A/B test.

TAKING IT FORWARD

BRAND GUIDELINES