A Decisive Meal App With A Playful Punch
Scope
Deciding what's for dinner at the end of the day is the last thing anyone wants to do. I created a mobile-first app that helps narrow down the decision, designed in Figma and built with Claude Code. It pulls two meals at random from your personal meal database, stages a head-to-head fight, and you crown the champion. Let the food fight instead of you.
Role
UX & Interaction Designer
Timeline
2 Weeks
Contributions
Claude Code
UX/UI Design
Usability Testing
Outcomes
2 rounds of user testing
Onboarding flow rebuilt
Group voting feature added
Users Rebuilt The Onboarding Flow
New accounts now start with 30 meals prebuilt, voice input for adding more, and a single fight to demo the core experience. Pairing that with a 7 day trial moved testers from curious to sold.
User Testing
Users Wanted To Bring Friends Into The Fight
A fight was built for one or two people to decide on dinner. Users wanted their friends to vote on the main event.
"When we've got people over, that's when nobody can decide what's for dinner."
— Lauren, Testing participant 4
User Feedback
“We all voted and dinner was sorted out in minutes.”
— Lauren, Testing participant 4
Meal Database Management Built For Speed
Every meal lives in a searchable database filtered by meal type. Voice input handles adding, editing, and deleting meals fast and effortless.
A Cast Of Characters Worth Rooting For
These rubber hose inspired food characters were created with Gemini. They give the app a cast to root for and carry the brand's personality through every screen.
Conclusion
Closing The Gap Between Design And Development
Building with AI tools changes the design decisions I make. When the design file and the codebase are the same project, an animation curve or a voice command becomes something I can feel, test, and polish in an afternoon. That's the AI-driven design workflow I'm bringing into client work.
