OVERVIEW

Collaborative Shopping with the Weee! Group Cart

Collaborative Shopping with the Weee! Group Cart

Weee! is a leading grocery delivery app specializing in fresh Asian and Hispanic groceries. As the digital grocery industry grows, more North American households are turning to online shopping for its convenience. This conceptual Group Cart feature aims to enhance the Weee! experience by enabling users to collaborate on orders, making group shopping easier.

PROJECT SCOPE

Feature Add-on, Concept

ROLE

UX Designer / UX Researcher / Branding

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.

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.

Fragmented Communication & Engagement

Fragmented Communication & Engagement

Before designing the web app, clients interacted with Skintegrity sporadically—booking appointments, purchasing products, or asking questions often involved a mix of direct messages on social media, emails, and phone calls. This scattered approach made it hard for clients to establish consistent relationships with Skintegrity, ultimately leading to trust issues.

Before designing the web app, clients interacted with Skintegrity sporadically—booking appointments, purchasing products, or asking questions often involved a mix of direct messages on social media, emails, and phone calls. This scattered approach made it hard for clients to establish consistent relationships with Skintegrity, ultimately leading to trust issues.

COMPETITIVE ANALYSIS

Most skincare apps served as routine trackers or journals. Telehealth apps focused on client portals but didn’t offer a holistic, seamless experience that connected treatments, products, and communication in one place.

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

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

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

First, we surveyed 33 adults aged 25-35 who maintained a minimum two-step daily skincare routine.

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

This requirement ensured participants had established skincare habits, likely leading to more relevant, insightful feedback.

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

THE SURVEY RESULTS ARE IN

We then interviewed Skintegrity clients to understand their communication habits and frustrations, revealing a clear need for a cohesive platform.
D

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

CLIENT VOICES

Finally, we looked at both direct competitors in skincare apps and indirect ones in telehealth.
D

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

COMPETITIVE ANALYSIS

Most skincare apps served as routine trackers or journals. Telehealth apps focused on client portals but didn’t offer a holistic, seamless experience that connected treatments, products, and communication in one place.

Through surveys, interviews, and competitive analysis, we uncovered critical insights into client expectations and industry gaps.

Through surveys, interviews, and competitive analysis, we uncovered critical insights into client expectations and industry gaps.

Centralized Communication: Clients want a single platform to book, chat, and get recommendations.

Need for Personalization: Users value tailored guidance and would adjust routines based on expert advice.

Competitive Gap: Existing apps lack an integrated solution for booking, shopping, and communication.

Opportunity: Design a unified app to strengthen client trust and position Skintegrity as a go-to skincare resource.

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.

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

USER FLOW 1

Reserve a skincare appointment

Reserve a skincare appointment

USER FLOW 2

Shop products

Shop products

THREE KEY FLOWS

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

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

The following wireflows illustrate 3 separate actions.

WIREFLOW 1

Start A Group Cart

WIREFLOW 2

Select Your Group Cart

WIREFLOW 3

Accept Invitation to Group Cart

CRAFTING THE UI KIT

Creating the Foundation for Visual Consistency

After wireframing, I created a UI kit that seamlessly aligns with Skintegrity's branding. The color palette draws from their existing light blue and lavender hues, evoking a sense of calm and trust. To add vibrancy and contrast, I introduced a pastel orange inspired by the logo, ensuring key elements stand out while maintaining visual harmony. This cohesive design foundation set the stage for a user-friendly and aesthetically pleasing app experience.

  • CHECK OUT MY OTHER PROJECTS

Colorado Donuts

The All-in-One Skincare Web App

International American University

Visual Identity