PlateMate

Roles

Research, Product Design,
UI/UX Design, Wireframing, Prototyping

Samantha Mirabella
Sharon Ou
Yashini Ravindran
Soyoung Jeong
Madhushree Ghosh

Team

September - October 2025
Total Group Hours: 170
Hours Contributed: 70

Timeline

Tools

Figma

Product Overview      

PlateMate is an Al-powered companion that provides dietary guidance based on user's unique needs and goals.

Context  

We were tasked to develop a digital product centered around automation, focusing on how AI could simplify tasks for users.

Project Brief

The Problem

Individuals with different dietary needs, restrictions, health conditions, or lifestyle goals struggle to find tailored nutrition guidance.

Research & Discovery      

Statistics reveal that there are high rates of diet failure and struggles to meet nutritional requirements across North America. We also found that food allergies affect approximately 220 million people worldwide and in Canada there is a large and growing market for food allergic consumers.

Statistics & Facts

We explored existing health and nutrition apps to identify gaps and opportunities for innovation. By comparing features, interfaces, and user experiences, it helped us determine where Platemate could stand out through its AI-driven personalization and approach to meal planning.

Benchmark Analysis

PACT Analysis

Through our PACT analysis, we examined People, Activities, Contexts, and Technologies to help us better understand how users would interact with PlateMate. It helped us identify user needs, define key tasks like meal logging and recipe generation, and evaluate the environments where the app would be used.

Solution 

User Modelling       

Our user personas represent the target audience for PlateMate, highlighting their pain points, needs, and goals. Defining these personas informed the design of our product’s features to ensure they are intuitive and address real user challenges.

User Personas and Scenarios

We mapped out the design of our app based on the key features. The user first goes through the onboarding process to set up a profile based on health goals or needs and can edit this information any time through their profile. The key pages in the navigation bar include the scanner, recipes, food log, and health log.

System Map

Visual Research      

Wireframes              

I was responsible for designing the low and high-fidelity wireframes for the scanner feature which allows users to scan meals, products, or restaurant menus to determine how foods align with their diet.

Low and High-Fidelity Wireframes

Frame 1894.png
Frame 1885.png

Prototype       

Instantly scan meals, packaged foods, or restaurant menus to access detailed nutritional information, ingredient breakdowns, and dietary compatibility. PlateMate will also automatically suggest alternatives for meals, products, or menu dishes that may better align with users diets.

Scan Products, Meals and Menus

Chat with Platemate using text or voice to create custom recipes tailored to dietary preferences, restrictions, and goals. The AI-driven assistant ensures every meal fits user’s unique needs. Users even have the option to scan the ingredients they have on hand to generate recipes that incorporate them.

Generate Personalized Recipes

Seamlessly record daily meals in the food log to track nutritional intake and progress towards health goals. Through the health log, PlateMate helps visualize trends and keeps users accountable to their health or fitness objectives.

Keep Track of Meals and Health Goals

Design System    

We set clear and concise typography guidelines to consistently apply throughout the design of our app.

Typography

We selected a colour palette to reflect our branding and brand values of creating a platform that feels safe and trustworthy. We incorporated accent colours to complement the percentage ratings for how well meals and food items align with user's diets.

Colour Palette

We used a streamlined set of icons throughout our app to ensure a unified and professional style.

Iconography

Key Takeaways    

I learned how to design intuitive and trustworthy AI interactions that personalize user experiences while maintaining user control. Developing the scanner and recipe generator deepened my understanding of how AI can make health tracking and meal planning more seamless.

AI-Driven Design

Collaborating with a team on this project taught me the value of clear communication, teamwork, and knowing when to take initiative. This experience reinforced the importance of remaining organized and supportive in a collaborative design process to create a cohesive product.

Collaboration