Case study · 01 NourishYou · 2026 End-to-end product Live · app.fitwithhiral.com Case study · 01 NourishYou · 2026 End-to-end product Live · app.fitwithhiral.com
Case Study · No. 01
2026 · Live in production
End-to-end · Solo · AI-powered

NourishYou.

An AI-powered wellness web app for women — meal plans, workouts, and grocery lists, generated on demand and personalized to each user's goals, diet, and body. Brand, app, and marketing site — all designed and built solo.

Role
Designer
& Developer
Scope
Brand, product, web app,
marketing site & launch
Status
Live · App Store
submission in progress
Quiz: special focus areas
NourishYou landing screen
Home dashboard with streak and stats
01 — The short version

For people who skim first.

I designed and built a real, production-grade wellness web app — quiz, AI plan generation, dashboard, recipes, workouts, grocery. End to end. Solo.
01

Solo end-to-end build. Brand identity, marketing site, product UX, full-stack development, payment integration, and email launch — every layer designed and shipped by one person.

02

AI is the engine, not the gimmick. Claude API generates personalized 28-day meal plans and workouts based on a 6-step quiz — goal, diet, fitness level, focus areas, body data, preferences.

03

Real product features. Dashboard with streaks, recipe library with favorites, weekly meal/workout/grocery views, plan refresh, PDF export, and a 4-week progressive plan structure.

04

Already shipped. Live at app.fitwithhiral.com with a marketing site at nourishyou.ca. App Store submission in progress.

Brand identity Marketing website 6-step onboarding quiz AI plan generation 28-day progressive plan Recipe library & favorites Workout sessions Auto grocery list Streak tracking Stripe payments PDF export Multiple plan generation Hydration tracker Email launch sequences
02 — Process

From brief to shipped product.

i.

Research & framing

Audited existing wellness apps. Talked to women (working moms, busy professionals) about meal-planning friction. Identified the gap: most apps push generic plans that ignore diet, body, or cultural food preferences.

  • Competitive audit
  • User interviews
  • Problem framing
ii.

Brand & product design

Designed a warm, editorial brand — Instrument Serif typography, peach palette, real-life feel. Mapped the full product flow: onboarding quiz → AI generation → dashboard → daily plan → tracking.

  • Brand identity
  • Full UX flow
  • High-fidelity UI
iii.

Build & integrate

Built the app with Supabase as backend, Claude API for personalized plan generation, Stripe for premium subscriptions, and Mailchimp for email sequences. Deployed on Vercel with continuous deployment.

  • Supabase · Vercel
  • Claude API · Stripe
  • Mailchimp
iv.

Ship & iterate

Launched the web app at app.fitwithhiral.com, designed and built the marketing site at nourishyou.ca, and ran email launch campaigns. App Store submission in progress.

  • Production deploy
  • Marketing site
  • Email launch
04 — Stack

Built solo, without shortcuts.

Six layers, one operator. Brand and marketing on the outside, AI generation and payments under the hood, deployed on production-grade infrastructure.

i.

Brand & marketing site

Designed the NourishYou brand identity from logo through to launch — typography, color, voice, and visual system. Built the marketing site at nourishyou.ca as the public face of the product.

  • Logo & visual identity
  • Marketing website
  • Brand voice & copy
ii.

Front-end & design system

Designed in Figma, built as a production web app with responsive layouts and a custom design system based on Instrument Serif and Inter. Component-driven so the product can scale without losing its voice.

  • Figma · Design system
  • Responsive web app
  • Component-driven UI
iii.

Back-end & data

Supabase for auth, user profiles, plan storage, and real-time data. Schema designed to support multiple plan generations per user, favorites, streaks, and tracking history across the 28-day cycle.

  • Supabase auth + DB
  • Real-time data
  • Multi-plan support
iv.

AI generation engine

Claude API powers plan generation. Built reusable prompt frameworks that take 6 quiz inputs — goal, diet, fitness level, focus, body, preferences — and reliably generate a structured 28-day meal + workout plan with grocery list.

  • Claude API · prompts
  • Plan generation engine
  • Structured AI output
v.

Payments & email

Stripe handles premium subscription payments — checkout, subscription state, and access to the full 28-day plan. Mailchimp runs onboarding sequences, plan-ready emails, and re-engagement campaigns.

  • Stripe subscriptions
  • Mailchimp campaigns
  • Onboarding emails
vi.

Hosting & deployment

Deployed on Vercel for fast, edge-served performance and zero-config production builds. Custom domain, SSL, and continuous deployment from the main branch — production-grade from day one.

  • Vercel · production
  • Custom domain · SSL
  • Continuous deployment
05 — What I learned

Design holds it together.

01.

AI output is only as good as the prompt

Generic prompts produce generic plans. The hardest design work was building a prompt framework that encodes user diet, goal, fitness level, focus areas, and constraints into structured input — and gets reliable, well-formatted output every time.

This is design work, not engineering work. Information architecture for an AI.

02.

Wait time is part of the UX

A 4–5 minute generation could have killed the experience. Instead, I designed the wait as a moment of trust-building — rotating science facts, progress feedback, and reassuring copy. Users don't feel stuck; they feel like something real is being built for them.

03.

Locking weeks protects the user

Initial designs showed the full 28-day plan up front. Testers got overwhelmed and abandoned. Locking Weeks 2–4 until Week 1 is engaged with reframed the product as a journey, not a wall of content. Completion went up, drop-off went down.

04.

Brand voice does the heavy lifting

"Hey Hiral! Tuesday, May 5" is a small detail. So is "Great job today! Building momentum 🌱". But these moments add up — they're why users stay. The product feels like a friend, not a tracker. That tone wasn't accidental; it was designed.

Outcome

Live in production. App Store next.

NourishYou ships paid plans, runs daily for real users, and is in active App Store submission. Designed, built, and operated entirely by one person.

Next case study
Healthcare dashboards.
Read case study