Family Shopper
A free web app that plans the whole family’s weekly menu and turns it into a shopping list, with the right quantities.
- Role
- Concept, UX/UI, development, branding
- Type
- Installable web app (PWA)
- Stack
- React, Vite, Supabase


The problem
Deciding what to cook every day, and then remembering what to buy, is invisible work that falls mostly on whoever runs the household. Existing apps ask for subscriptions, sign-ups or too many steps.
The idea
Start from the family, not from the recipes. Users say who is eating, for how many days and with which needs; Family Shopper suggests a seasonal menu with first course, main and side (or a one-dish meal), from 1 day to 4 weeks.
The menu can be changed freely, including with your own recipes, and becomes a shopping list grouped by aisle, to tick off while you shop.
Design choices
- Zero friction at the start: no sign-up needed; an account only saves your menu and list.
- Just three steps: Family, Recipes, List. Every screen has one clear main action.
- A warm tone: illustrations of a family at home, bold colours and a rounded typeface that make a practical tool feel friendly.
- From list to cart: every item can be searched with one tap in your favourite online supermarket.
Under the hood
I designed an engine separate from the interface, with a recipe archive, a menu planner and a shopping-list calculator (quantities, diets, household make-up). The same engine powers a module designed to plug into the online grocery apps of large retail chains.
The web app installs on the phone like a regular app and stores user data securely.
What I learned
A product for everyone should remove decisions, not add them. Whenever a choice could have a good default, I set it in advance and kept it editable.