2023, Stylesaves

made online shopping less overwhelming

Role

UX Designer (Solo)

Duration

10 weeks

Skills

  • User interviews

  • competitive analysis

  • product strategy

  • information architecture

  • usability testing

  • visual design

introduction

StyleSaves is a mobile app that

The Project's Inspiration

One day, I was watching a friend online shop: she clicked through seven tabs of different retail stores, scrolled through the carts of each, sighed, and then closed her laptop. This made me wonder, Was my friend's struggle of excessively online browsing only to find nothing purchase-worthy a more widespread problem than just her?

the problem

Online shopping is so overwhelming that shoppers can't make purchasing decisions.
Online shopping is so overwhelming that shoppers can't make purchasing decisions.

the opportunity

HMW make online shopping less overwhelming and help shoppers make purchasing decisions?
HMW make online shopping less overwhelming and help shoppers make purchasing decisions?

But what does that actually look like?

Our storyboard shopper is able to streamline discovering relevant options across multiple brands, directly compare items across stores, and see all the price insights they need to make a purchasing decision with StyleSaves!

the app's features

Easily Discover Relevant Options
  • follow brands and save items to inform app on style preferences

  • personalized home page recommendations from browsing history, saved items, and followed brands

Compare Multiple Items on One Page
  • eliminate back and forth tab switching and streamline decision making

Smart Purchase Insights
  • Brand data used to predict cheapest time to purchase item

  • view brand sales and shipping policy to factor all costs of a potential purchase

the process

Validating the Problem: user interviews

​​​​​​​​​​​​I conducted 5 user interviews, synthesizing with an affinity diagram, to better understand people’s online shopping process and pain points. Then, I transformed these pain points them into design opportunities.

Validating the Problem: User Interviews

To understand the problem more deeply and to learn more about how people online shopped, I conducted 4 user interviews, synthesizing with an affinity diagram. Through this, I discovered the problem was more nuanced than simply having too many options. I pinpointed the 3 key pain points to transform into design opportunities.

The market gap

After identifying the three biggest pain points shoppers were having, I needed to see how well current solutions addressed these pain points. Was there a need for my solution?


I found no direct competitors, and none of the indirect competitors addressed all three pain points.

designing, testing, and more designing

With the key user needs established and no solution on the market addressing these needs, I got to designing. And iterating. And re-iterating.


Early on, I concept-tested low-fidelity UI interactions for a brand profile. Concept testing was important because as a solo designer, I didn't have other designers to do design critiques with, so I wanted to validate my thinking early on.


I chose to concept test the brand profile because it could provide important information users considered before purchasing from a brand like their shipping policies and sales, and was an opportunity to better understand user’s preferences so better recommendations can be made.

Concept Testing

Clicking on Brand Name

Later in my design process, I user-tested the direct item comparison feature in high fidelity because it addressed one of users' greatest pain points, so it was crucial to get feedback on and design well.

User Testing

Direct Comparison Feature

There were major issues with all of my designs, so I ended up combining the aspects users liked about the containers and swiping cards design to create the final feature.

Final Designs

Creating a Design System

goal 2

Think critically to challenge initial UX decisions like the information architecture

UI Improvements: Item Details Screen

the final product

Learning and Reflections

importance of prioritization

I initially got lost designing every feature the app would have, but revisiting my research helped me prioritize features to design, and I could execute the project more efficiently. This skill was crucial to develop, especially given limited resources and time in the real world.

I initially got lost designing every feature the app would have, but revisiting my research helped me prioritize features to design, and I could execute the project more efficiently. This skill was crucial to develop, especially given limited resources and time in the real world.

I initially got lost designing every feature the app would have, but revisiting my research helped me prioritize features to design, and I could execute the project more efficiently. This skill was crucial to develop, especially given limited resources and time in the real world.

challenging instinctive design decisions

Designing from scratch without constraints like a design system or existing information hierarchy, challenged me to constantly question and justify every design decision, enhancing my critical thinking skills.

Designing from scratch without constraints like a design system or existing information hierarchy, challenged me to constantly question and justify every design decision, enhancing my critical thinking skills.

Designing from scratch without constraints like a design system or existing information hierarchy, challenged me to constantly question and justify every design decision, enhancing my critical thinking skills.

becoming aware of assumptions

Through user testing, I learned to be more aware of assumptions I made about my user that I didn't even recognize were a part of my design process. In the future, I will be extra aware that I am not the user, so that I can prevent making unintentional assumptions.

Through user testing, I learned to be more aware of assumptions I made about my user that I didn't even recognize were a part of my design process. In the future, I will be extra aware that I am not the user, so that I can prevent making unintentional assumptions.

Through user testing, I learned to be more aware of assumptions I made about my user that I didn't even recognize were a part of my design process. In the future, I will be extra aware that I am not the user, so that I can prevent making unintentional assumptions.

more work more work more work more work more work more work more work more work

2023,personal project

made online shopping less overwhelming

2022, planful

Increased productivity by redesigning task management tool

like what you see? Get in touch!

katiewu@umich.edu

like what you see? Get in touch!

katiewu@umich.edu