← Back to work
Case study 04 · Product Design · Desktop · Web

Market Fresh
Website

End-to-end product design for a meal kit platform — combining chef-curated recipes with flexible delivery, dietary customization, and a desktop-first experience built around how people actually eat.

Market Fresh hero
01 — Problem & Context
Differentiate in a crowded market
Meal kit services are everywhere — but most feel clinical or logistical, not personal. Market Fresh needed to differentiate by combining recipe curation with ready-to-go meal options, while solving the real friction points users face: dietary restrictions, unpredictable schedules, and distrust of subscription commitments. 53% of surveyed users rarely used meal delivery. 57% had dietary restrictions. Price and time were the two biggest barriers.
Competitive landscape and research synthesis
Competitive analysis — mapping where existing services fell short.
02 — Research
Who's actually ordering?
Conducted user surveys and interviews, then built two primary personas to anchor design decisions:
"People expect free shipping, customizable options, and minimal upfront personal information. User trust is crucial — especially when money is involved."
Persona: Martha
Martha — busy working mom, tight budget, wants healthy options fast.
Persona: Adam
Adam — fitness nurse, 12-hour shifts, needs macro-trackable meals.
03 — Information Architecture
Story mapping the experience
Built a story map covering the full user journey: browse → customize → schedule → checkout → reorder. The key IA decision was separating "prepared meals" from "chef-curated recipe kits" — two distinct mental models that previous iterations had tried to merge, creating confusion for both user types.
Story map and IA
Story map — separating the prepared meal and recipe kit journeys.
04 — Design Iterations
Three options, one winner
Explored three homepage layout directions (A, B, C) before testing with real users. Option C — discovery-first with a recipe carousel and large dietary filter set at the top — outperformed the others on task completion and perceived trustworthiness.
Wireframe iteration A and B
Wireframe explorations — Option A & B.
Wireframe iteration C — winner
Option C — discovery-first layout, recipe carousel, dietary filter prominent.
05 — Visual Design
High fidelity
Warm earth tones and a dark green accent communicate freshness without feeling clinical. Desktop-first layout with generous white space lets food photography lead. A 4px base grid kept spacing consistent across 30+ screens.
High fidelity desktop screens
Final high-fidelity — homepage, meal detail, and checkout flow.
Meal detail and dietary customization
Dietary customization — filters, nutritional info, and macro tracking integrated at the product level.
Recipe kit flow
Recipe kit experience — ingredient selection, prep steps, and scheduling.
06 — Usability Testing
What users changed
Task-based usability testing with 4 participants (2 matching each persona). Key finding: users wanted the freshness window and dietary badge front-loaded on the meal card — not buried in a detail view. Iterated the card component before final handoff. Engagement grew from 10% to 27% after the redesign shipped.
Usability test findings
Test findings — meal card before and after the dietary badge iteration.
07 — Reflection
Trust is the real product
The biggest design challenge wasn't the IA or the visuals — it was trust. Subscription products fail when users feel locked in. Every decision I made — no mandatory account creation on browse, clear cancellation language upfront, dietary info surfaced early — was a trust decision. When money and food are involved, clarity isn't a nice-to-have. It's the product.
Back to all work
View all
case studies
Let's work together

Have a problem
worth solving?