End-to-End App

Cookbook Club: Bringing people together, one recipe at a time

From scattered recipes to shared dinners. Cookbook Club is a mobile app designed to help members discover recipes, plan dinner, and share the experience, without the chaos of group chats and scattered screenshots.

Role
Solo UX/UI Designer
Type
End-to-end app (0→1)
Platform
Mobile app
Scope
Research → UI kit & brand
High-fidelity Cookbook Club screens across three iPhones: a club invitation to Sunday Supper Club, the confirm-and-join screen for The Kimchi Club, and the calendar with upcoming meetings.

Overview

Dinner parties are fun. Organizing it isn't.

Cooking and sharing dishes with friends should be joyful, but the logistics get in the way. There's no central place for recipes (not everyone has access to the same cookbooks), coordinating a meetup can get hectic, and it isn't always clear how to take part. Research surfaced a telling pattern: most people just fall back on group texts. I designed a structured-but-approachable experience with clear club workflows, intuitive recipe browsing, and guided meeting setup with minimal friction from the first tap to the dinner table.

01

Two personas, one fragmented experience

Each captured one side of every cookbook club, and a shared set of frustrations:

J

Jefferson · 29

Marketing Manager · Host

Organizes dinners and volunteers to host. Needs a central place to assign who cooks what, plus shared planning for date, location, and shopping.

S

Susan · 34

Software Engineer · Explorer

Cooks as a hobby and saves recipes everywhere. Needs one structured library with search, and an easy way to share with friends.

Research · Affinity map Cookbook Club affinity map: color-coded sticky notes grouped into seven columns covering goals and motivations, cooking habits, pain points, social and community needs, content preferences, technology and app expectations, and digital tools and workarounds.
Interview notes clustered into seven themes that framed the product.
  • The social pull: goals and community needs both pointed to cooking together for the people, not just the food.
  • The scatter problem: recipes lived across notes apps, screenshots, and social media, with no shared home.
  • The coordination gap: planning leaned on group texts and calendars, the workaround I set out to replace.
02

Where users and the business align

User goals

  • Browse recipes from a cookbook
  • Coordinate who brings which dish
  • Plan dinners collaboratively
  • Save recipes in one place

Business goals

  • Centralize dinner planning
  • Reduce reliance on group chats
  • Grow via invites & shared events
  • Drive repeat usage

Technical

  • Real-time updates on dish claims
  • Prevent duplicate selections
  • Recipe import & reminders
03

Structured the whole product

I organized the app around five clear areas so key actions stayed discoverable as it grew.

Home

  • Upcoming dinners
  • Recent recipes
  • Club activity

Recipes

  • Recipe library
  • Discover cookbooks
  • Saved & favorites
  • Add recipe

Events

  • Upcoming
  • Assigned dishes
  • Grocery list
  • Plan new

Clubs

  • Members
  • Club feed
  • Invite
  • Photos

Profile

  • Account
  • Cooking prefs
  • Previous recipes
  • Settings
Sitemap Cookbook Club sitemap. The app branches from onboarding into sign up or log in, join an existing club, or create a club, then into two main hubs: Events (upcoming, event details, recipes, assigned dishes, grocery list, plan new) and Clubs (members, club feed, invite, settings).
The full information architecture, organized so key actions stay discoverable as the app grows.
  • Three onboarding paths branch off the start: sign up, join an existing club, or create one.
  • Events carries the planning load, from upcoming dinners to the guided "plan new" setup (invite, date, location, recipes).
  • Clubs holds the community layer: members, feed, invites, and dietary preferences.
Event & RSVP flow Three high-fidelity screens of the event flow: event details with date, time, location, and menu; an RSVP screen with Yes, Maybe, No and a dietary-restrictions field; and an All set confirmation.
The end-to-end event flow, from viewing a dinner to confirming attendance.
  • Event details gather the essentials up top: date, time, place, and the menu people are cooking from.
  • RSVP in one tap (Yes / Maybe / No) with an optional dietary-restrictions note for the host.
  • A clear success state closes the loop and routes the member to the calendar.
04

Tested twice, let findings drive the design

Round 1 · Mid-fi

5 home cooks · moderated

  • Flows felt intuitive; few misclicks.
  • The "claimed dishes" page wasn't legible at a glance.
  • Photo upload didn't feel tied to an event.

Round 2 · Hi-fi

4 participants · prototype

  • Create-a-club jumped straight into a meeting, which felt misplaced.
  • Users wanted to see who claimed each dish.
  • No easy way back to their other clubs.

"It's like meetup.com meets a recipe app."

Usability test participant

Those findings translated into direct changes: I moved meeting-creation out of the create-club flow, added member names to each claimed dish, clarified that photos post to a specific dinner, and improved navigation back to all clubs.

Before → After · Clubs landing
Version 1 · First pass
First version of the Clubs landing screen: a single flat list of clubs with a Find a club near you button.

A single flat list of clubs. Your own clubs and ones you might join read as the same thing, so there's no clear sense of what's yours versus what's new.

Version 2 · Iteration
Iterated Clubs landing screen split into two sections: My Clubs at the top with activity, and Discover Clubs below with recommendations.

Split into "My Clubs" up top with live activity, and "Discover Clubs" below, recommended from your tastes.

05

Built the brand and the system

I designed a warm, approachable identity and a reusable component library so every screen felt cohesive.

Brand identity · Logo Cookbook Club logo system: serif editorial and all-caps sans wordmarks, a mark-plus-wordmark lock-up, app icons, and the five-petal community gathering mark in full color, monochrome, and two-tone.
A warm, editorial identity built around a five-petal "community gathering" mark that reads as both a flower and a star.
  • Two wordmark voices: an editorial serif for warmth and a tight all-caps sans for product confidence.
  • The mark scales down cleanly to an app icon in full color, monochrome, and dark variants.
Design system · UI kit Cookbook Club UI kit: color palette (coral, accent green, neutrals), Sora headline and Inter body type scale, and reusable components including buttons, tags, club cards, recipe containers, member groups, and the main navigation.
A reusable component library, color, type, buttons, cards, tags, and navigation, so every screen stays cohesive.
  • Coral primary with a green accent for confirmations, on warm neutral surfaces.
  • Sora for headlines, Inter for body and UI, with weights mapped to emphasis, labels, and metadata.
  • Components are built once and reused: club cards, recipe containers, member stacks, and the tab bar.
Invited member onboarding flow
How a brand-new member goes from an invite link to a populated home, the moment that turns a group text into the app.
01
Invitation
Receives an invite to join a specific club.
Invitation screen: Joyce Le invited you to join Sunday Supper Club, with Accept and create account or I already have an account.
02
Sign up
Creates an account to accept the invite.
Create your account screen with name, email, password, and location fields, and a Sign up and join club button.
03
Account setup
Adds name and cooking and dietary preferences.
What do you like to cook screen: selectable cuisine and cooking interest chips with a Continue button.
04
Confirmation
Confirms the account and club membership.
Confirmation screen: You are in, with the joined club card showing the next meeting and the member interests.
05
Home (new user)
Lands on a populated home, ready for the first dinner.
New-user home screen: a greeting, the next meeting card, a claim-a-recipe assignment, the member club, and clubs to discover nearby.
06

Outcome

The result

A user-centered platform that makes discovering cookbooks, coordinating dinners, and engaging with a community feel simple: a structured, welcoming alternative to the group chat people were settling for, with reusable components and a brand that's distinctly its own.

▶ Open the interactive prototype Figma ↗