top of page

FreshCart

UX Research and Redesign

FreshCart: A Smarter, Habit-Driven Grocery Experience

A cross-platform grocery app designed to reduce cognitive load, increase retention, and gamify healthy budgeting across mobile, tablet, and desktop.

Role: UX Researcher, UX/UI Designer
Tools: Neuron, Gemini, Dovetail, Stark
Platforms: Desktop, Tablet & Mobile (iOS)

The Challenge

Grocery apps today often prioritize transactions over the user experience. Shoppers get lost in cluttered layouts, hidden fees, and inconsistent cross-device flows. Through research, I identified major friction points around reordering, budgeting, substitutions, and multi-device usage.
 

Key Problem Statements:

  • Busy professionals need a faster way to reorder essentials because current apps require repetitive manual searching.

  • Budget-conscious shoppers need clear price transparency because substitutions and hidden fees cause frustration.

  • Multi-device users need seamless continuity because switching between phone and desktop breaks their flow.
     

Visuals:
Persona cards (Maya Thompson, Carlos Ramirez), empathy map snapshot, problem/opportunity statements in a stylized card layout

Insights
Design Response / Feature
Trust concerns with data
Explicit opt-in and transparent usage policy
Binge-watching behavior dominates
Passive watch mode to capture moments without interrupting flow
Viewers motivated by recognition
Tiered rewards system (early access, events, cultural perks)
Confusion or lost moments reduce engagement
Allow post-episode reflection and context tagging
Viewers fast-forward but remain engaged
Implement one-tap moment logging instead of traditional ratings

Research & Insights

To understand user needs, I conducted a mix of quantitative and qualitative research:

  • Competitive analysis of 12 grocery apps

  • 8 semi-structured interviews

  • Survey of 78 participants

  • Affinity mapping and empathy mapping in FigJam

  • Simulated task testing with Synthetic Users AI

  • Usability heatmaps via Attention Insight
     

Key Insights:

  • 72% reorder the same 15–20 items weekly.

  • 64% feel overwhelmed by cluttered home screens.

  • 58% want live budget tracking in their cart.

  • 41% prefer desktop for bulk orders.
     

Visuals:
Affinity map, competitive matrix, user quotes in speech bubbles:

 

“I didn’t even see the budget tracker until I was about to check out.”
“Switching from phone to desktop felt smooth — that’s rare.”

Strategy & Design Decisions

Based on research, I applied heuristic principles and prioritization to create a system-level design approach:

  • Heuristic evaluation of competitors

  • Prioritization matrix (Impact vs. Effort)

  • Information architecture and user flows for mobile, tablet, and desktop

  • Branding kit: Deep Emerald (#0E7C66), Warm Tangerine (#F4A261), Soft Cream (#FAF9F6), Charcoal (#2E2E2E)

  • Typography: Inter Bold (Headings), Inter Regular (Body)
    ​

  • Visuals:

  • Prioritization matrix screenshot

  • Flowchart of Smart Reorder and Rewards system

  • Branding cards

The Solution

FreshCart transforms grocery shopping into a seamless, habit-building, and rewarding experience:

​

Features:

  • Smart Reorder: AI predicts weekly essentials.

  • Budget Tracker: Live visual progress with savings feedback.

  • Gamification: Earn points, streaks, and achievement badges for healthy and consistent shopping habits.

  • Cross-Platform Sync: Real-time cart updates across devices.

  • Accessibility First: WCAG AA compliance, high contrast, adjustable text size, 48px tap targets.
     

Microinteractions:

  • Add-to-cart bounce animation

  • Budget bar dynamically fills

  • Confetti for streak completion

  • Substitution confirmation glow
     

User Quotes (Round 2):

“Oh I like that I can see how much I’m saving in real time.”
“The streak system makes me want to keep ordering weekly.”

Visuals:
Before/after heatmaps, usability scorecards, metrics dashboards

Iteration & Testing

Usability testing revealed low engagement with the budget tracker and confusion about rewards. Iterations included:

  • Moving budget tracker above cart items

  • Increasing contrast and adding microcopy

  • Clearer rewards preview cards

​
 

User Quotes (Round 2):

 

“Oh I like that I can see how much I’m saving in real time.”
“The streak system makes me want to keep ordering weekly.”

Visuals:
Before/after heatmaps, usability scorecards, metrics dashboards

Insights
Design Response / Feature
Trust concerns with data
Explicit opt-in and transparent usage policy
Binge-watching behavior dominates
Passive watch mode to capture moments without interrupting flow
Viewers motivated by recognition
Tiered rewards system (early access, events, cultural perks)
Confusion or lost moments reduce engagement
Allow post-episode reflection and context tagging
Viewers fast-forward but remain engaged
Implement one-tap moment logging instead of traditional ratings

Outcomes

  • 92% task success rate for key flows

  • 30% faster reorder time

  • 17% projected decrease in cart abandonment

  • 96% WCAG AA accessibility compliance

  • Cross-device system maintained visual and functional consistency

Visuals:
KPI cards, simple analytics dashboard visuals (bar charts, progress rings)

Reflection

FreshCart reinforced the importance of:

  • Designing for intrinsic motivation through gamification

  • Building trust with budget transparency

  • Prioritizing accessibility early

  • Creating a cohesive cross-device experience

  • Using AI tools (Galileo, Synthetic Users, Attention Insight) to accelerate iteration

bottom of page