Weee

Collaborative Shopping Made Easier

PROJECT SCOPE

Conceptual

Feature Add-On

ROLE

UX Designer

UX Researcher

TOOLS

Figma

Miro

Google Suite

DURATION

11 weeks

TOOLS

Figma

Miro

Google Suite

DURATION

11 weeks

THE CHALLENGE

As of 2022, the average U.S. household has 2.5 people, increasing the likelihood of shared living spaces and shared grocery shopping.

Currently, Weee! customers do not have the option to collaborate on a shopping cart, limiting the ability to shop together for shared groceries.

From Problems to Possibilities

Understanding the challenges of shared grocery shopping and the insights from user research led to a clear goal: design solutions that make group shopping seamless, collaborative, and intuitive. Here’s how these features come to life.

FEATURE 1

Start A Group Cart

Seamlessly switch between your personal cart and a group cart, inviting others to collaborate on grocery shopping in real-time.

View Prototype

FEATURE 2

Join A Group Cart

Easily join someone else’s group cart to contribute your items. Notify the cart owner when you’re finished, keeping everyone in sync.

View Prototype

Before finding a solution, I focused on understanding the problem—how to help users collaborate effectively when shopping for shared groceries.

I conducted a competitive analysis to understand how other platforms handle collaborative shopping and identify opportunities for differentiation, ensuring my solution would meet user needs while addressing gaps in current offerings.

COMPETITIVE ANALYSIS

After completing my competitive analysis, I turned to potential users to gather in-depth insights.

I conducted interviews to better understand their goals and behaviors around grocery shopping, especially in shared households.

Through curiosity-driven conversations, I aimed to uncover the unique challenges users face in this context. I interviewed five participants, all living in shared households with their partners. After each interview, I organized the data into an affinity map to identify key patterns and themes.

USER INTERVIEW RESULTS

MEET USER PERSONAS - KYLE AND STEPHANIE

Even with different approaches, shared grocery shopping isn’t easy.

Stephanie and Kyle live in multi-person households, navigating the complexities of grocery shopping with their partners. Stephanie’s organized, deliberate style contrasts sharply with Kyle’s laid-back approach, yet both face the same obstacles when coordinating household grocery needs.

MAPPING THE USER JOURNEY

I visualized the steps users take when grocery shopping with Weee!, highlighting moments of friction and opportunities for improvement. This journey map helped identify how collaborative features could reduce pain points and enhance the overall shopping experience.

How might we help Weee! users coordinate and combine grocery orders efficiently in a group setting?

MAPPING THE JOURNEY

Essential User Flows & Task Paths
D
I identified the two most common task flows for Skintegrity app users: booking a service and purchasing products. These flows were prioritized to ensure a seamless, user-friendly experience that addresses the primary needs of our clients.

Essential User Flows & Task Paths

I identified the two most common task flows for Skintegrity app users: booking a service and purchasing products. These flows were prioritized to ensure a seamless, user-friendly experience that addresses the primary needs of our clients.

USER FLOW 1

Start A Group Cart

USER FLOW 2

Accept Group Cart Invitation

Once I felt that the flows aligned with the target users' goals and decision making, I moved on to digital wireframing.

WIREFLOW 1

Start A Group Cart

WIREFLOW 2

Select Your Group Cart

WIREFLOW 3

Accept Invitation to Group Cart

PROTOTYPE DEVEOPMENT

From Wireframes to Real Interaction

I refined the wireframes with Weee!'s design system and created high-fidelity designs to provide a realistic testing experience. This approach allowed users to engage fully with the visuals and interactions, simplifying the grocery shopping process and enhancing usability and learnability.

View Prototype

USABILITY TESTING INSIGHTS

Testing Highlighted Areas of Confusion and Improvement

With the prototype ready, the next step was to validate the feature through usability testing.

This approach allowed me to observe how users with varying levels of experience interacted with the prototype, identify potential pain points, and ensure the feature aligned with real-world needs. Here’s a closer look at the participant demographics and insights gathered.

With the prototype ready, the next step was to validate the feature through usability testing.

This approach allowed me to observe how users with varying levels of experience interacted with the prototype, identify potential pain points, and ensure the feature aligned with real-world needs. Here’s a closer look at the participant demographics and insights gathered.

TESTING THE PROTOTYPE

Understanding Real User Needs

To ensure meaningful insights, I recruited five participants who had experience shopping for shared groceries in multi-person households. Their familiarity with online grocery shopping ranged from moderate to expert, offering diverse perspectives on the feature's usability.

USABILITY TESTING INSIGHTS

Testing Highlighted Areas of Confusion and Improvement

Beyond their actions, I focused on their physical responses and signs of hesitation to uncover potential pain points or confusion. This approach allowed me to gather deeper insights into user behavior and identify areas for improvement. Each user completed six key tasks during the session.

FROM FEEDBACK TO REFINEMENT

Testing Highlighted Areas of Confusion and Improvement

Usability testing provided invaluable insights into how users interacted with key prototype screens, revealing opportunities for improvement. Three screens stood out for iteration:

View My Carts Screen: Users found the process to view and select carts redundant and confusing.

Start a Group Cart Screen: Copy lacked sufficient context about creating a group cart, leaving users uncertain.

Accept Cart Invitation Screen: Users desired friendlier, more reassuring language about cart access control.

View My Carts Screen

PROBLEM

Users found the process of tapping the cart text followed by the "Select Your Shopping Cart" CTA redundant and confusing.

SOLUTION

I removed the "Select Your Shopping Cart" CTA to streamline the flow and replaced the exit icon with the option to tap outside the modal to exit.

Start A Group Cart Screen

PROBLEM

Users found the copy lacked sufficient context about the process of creating a group cart.

SOLUTION

I updated the copy to include clearer details about the user's current group cart status.

Accept Cart Invitation Screen

PROBLEM

Users found the copy overly rigid and uninviting.

SOLUTION

I revised the copy to adopt a friendlier tone and added text to reassure users they maintain full control over cart access.

View Final Prototype

KEY TAKEAWAYS

This conceptual project reinforced the importance of narrowing down complex user flows, especially for real-time collaborative group shopping.

Breaking the flow down into clear, intuitive steps was key to creating an effective user experience. A key takeaway from this project was how Weee! later launched a group cart feature, which aligned with many of the flows I designed. This showed there was a genuine need for such a feature, and the similarity between my design and the final implementation validated my approach. The fact that Weee! adopted similar workflows further reinforced that focusing on user-centered design and simplifying complex interactions can lead to impactful solutions.

CHECK OUT MY OTHER PROJECTS

Skintegrity

The All-in-One Skincare Web App

Skintegrity

The All-in-One Skincare Web App

Skintegrity

The All-in-One Skincare Web App

International American University

Digitizing the Admissions Application Form

International American University

Digitizing the Admissions Application Form

International American University

Digitizing the Admissions Application Form