Yumio – Snap, Cook, Enjoy

Exploring AI-powered meal planning

Your fridge is full. Your brain is empty. Meet Yumio.

Yumio is a AI-powered food app designed for anyone who’s stuck on what to cook.

Simply snap your ingredients, and Yumio suggests recipes, fills in what’s missing, builds meal plans, and even connects to your supermarket basket.

Overview

Current prototype created using Google AI Studio + Figma

Where it all began

This idea started at home. My wife would often stand in front of the fridge, frustrated, not by the cooking itself, but by the endless question “what to cook next for our family”. The real challenge wasn’t making a meal, it was keeping things intersting, varied and balanced across the week.

That everyday struggle lit the spark - could AI take away the mental load of meal decisions?

The goal

No more “what’s for dinner?” fustrations.

Yumio makes cooking effortless and inspiration instant - snap, suggest, meal plan and sort the weekly food shop in one place.

Cooking stays fun, variety is easy, and family mealtimes become more about enjoying the food, not overthinking.

The Challenge

Cooking isn’t the hard part, deciding what to cook is.

Users often:

• Stare into the fridge without inspiration.

• Struggle to match random ingredients into meals.

• Get stuck in repetitive meal cycles.

• Waste food when nothing comes together.

• Spend too much time planning and shopping.

The Solution

  1. Snap Ingredients → Use the camera to capture what’s in the fridge.

  2. AI Detection → Ingredients identified in seconds.

  3. Recipe Suggestions → Recipes generated based on what you have.

  4. Smart Completion → Missing ingredients recommended to complete the dish.

  5. Meal Planner → Weekly plans across breakfast, lunch, dinner, and snacks.

  6. Supermarket Integration → One-tap add-to-basket and checkout.

The Roadmap

1. Discovery and Strategy

Led a global design team across London, Hong Kong, and Geneva, created a shared vision and design principles rooted in luxury, clarity and trust.

2. Research & Benchmarking

Conducted competitor and market analysis to identify best in class experiences. Ran co-creation workshops with senior stakeholders and relationship managers to inform design direction.

3. Early Prototyping   

Circulated an early prototype to showcase design direction to senior leadership. This created alignment, captured early feedback and provided confidence in the design approach.

4. UX and UI Design

Led the design team and provided hands on support to create wireframes and visual designs. Setup and led regular progress meetings with global senior stakeholders.

5. User Testing & Iteration

Continous testing with relationship managers to validate design decisions. Iterative changes were made based on usability insights to resolve areas of confusion or friction.

6. Design Systems & Delivery

Unified mobile and desktop components under a shared design system, collaborating closely with HSBC central design, developers and QA for smooth handoff and governance.