

Okit - Product Design Challenge
Okit - Product Design Challenge
Timeline
Timeline
Mar 2024, 72 hours
Mar 2024, 72 hours
Rules
Rules
UX/UI Designer
UX Researcher
Marketing Analyst
UX/UI Designer
UX Researcher
Marketing Analyst
Skills
Skills
Interaction Design
Prototyping
Wireframe
Concepting
Accessibility
Visual Design
Interaction Design
Prototyping
Wireframe
Concepting
Accessibility
Visual Design
Tools
Tools
Figma
Illustrator
Figma
Illustrator
Overview
In March 2024, my team and I participated in the Product Design Sprint hosted by Western Founders Network. Over an intense 72-hour period, we tackled design challenges—beginning with understanding users and their pain points, conducting in-depth research, and brainstorming innovative solutions. We then moved on to developing and evaluating a high-fidelity mockup app, ensuring that the design was both functional and user-friendly. Finally, we presented our solution to a panel of judges, including individuals with disabilities, demonstrating how our design addressed accessibility, usability, and inclusivity.
In March 2024, my team and I participated in the Product Design Sprint hosted by Western Founders Network. Over an intense 72-hour period, we tackled design challenges—beginning with understanding users and their pain points, conducting in-depth research, and brainstorming innovative solutions. We then moved on to developing and evaluating a high-fidelity mockup app, ensuring that the design was both functional and user-friendly. Finally, we presented our solution to a panel of judges, including individuals with disabilities, demonstrating how our design addressed accessibility, usability, and inclusivity.
What I Learn
1️⃣ Define clear objectives to maintain focus on the core problem and create effective solutions that prioritize users.
2️⃣ Thorough Research Matters, but Gaps Exist 🔍 – Conducting extensive research is crucial, but sometimes answers aren’t readily available, requiring creative problem-solving and user testing.
3️⃣ Problem-Solving & Accessibility Are Key 🛠️♿ – Designing accessible features is essential, and understanding user behavior helps create a more inclusive and functional experience.
1️⃣ Define clear objectives to maintain focus on the core problem and create effective solutions that prioritize users.
2️⃣ Thorough Research Matters, but Gaps Exist 🔍 – Conducting extensive research is crucial, but sometimes answers aren’t readily available, requiring creative problem-solving and user testing.
3️⃣ Problem-Solving & Accessibility Are Key 🛠️♿ – Designing accessible features is essential, and understanding user behavior helps create a more inclusive and functional experience.
Researh
Competition Analysis
To understand user needs, the first step is to conduct research and analyze existing apps in the market. This helps identify gaps in their marketing strategies and discover opportunities for improvement.
How many Canadian have food allergy?
According to Food Allergy Canada
> 3 million Canadians are affected by food allergy, that's 7.5% of the population.
In Dalhousie University Report (2021)
46% of Canadians with food allergies have experienced a reaction in a restaurant at least once, and 25.5% more than once.
Government Canada announce
Fewer people are diagnosed by a doctor with food allergies. Studies estimate that 5-6% of young children and 3-4% of adults in Western countries have confirmed food allergies.
Competitive Analysis

How many Canadian have food allergy?
According to Food Allergy Canada
> 3 million Canadians are affected by food allergy, that's 7.5% of the population.
In Dalhousie University Report (2021)
46% of Canadians with food allergies have experienced a reaction in a restaurant at least once, and 25.5% more than once.
Government Canada announce
Fewer people are diagnosed by a doctor with food allergies. Studies estimate that 5-6% of young children and 3-4% of adults in Western countries have confirmed food allergies.
Competitive Analysis

Target Audience
To understand our target audience, we conducted interviews with 3 to 4 individuals who have allergies, each lasting 30 minutes. Based on the insights gathered, we created personas to identify key factors such as age group, goals, frustrations, and more.
Target Audience
To understand our target audience, we conducted interviews with 3 to 4 individuals who have allergies, each lasting 30 minutes. Based on the insights gathered, we created personas to identify key factors such as age group, goals, frustrations, and more.
"I need a reliable app that helps me find safe dining options and ingredient substitutions so I can enjoy food without worrying about allergies."
Goals:
Find restaurants that accommodate food allergies easily.
Access safe recipe recommendations with ingredient substitutions.
Reduce stress when grocery shopping by identifying allergen-free options.
Frustration:
Restaurant menus lack clear allergen information, making it hard to dine out.
Finding accurate ingredient substitutions is time-consuming.
Feels excluded from social gatherings because of dietary restrictions.
Demographic:
Age: 30
Education: Master’s in Business Administration
Location: Toronto, Canada
Family: Married, one child
Occupation: Marketing Manager
Alex Johnson
Sophia Lee
"I want an app that helps me connect with people who have similar dietary restrictions, so I don’t feel alone in my journey."
Demographic:
Age: 22
Education: Bachelor’s in Nutrition Science
Location: San Francisco, USA
Family: Lives with roommates
Occupation: University Student
Goals:
Connect with a community of people facing similar dietary challenges.
Discover new, allergy-friendly recipes through AI recommendations.
Learn more about safe food brands and restaurants.
Frustration:
Feels isolated due to strict dietary restrictions.
Hard to find recipes that fit multiple allergies.
Worries about dining out with friends, fearing accidental exposure.
Alex Johnson
"I need a reliable app that helps me find safe dining options and ingredient substitutions so I can enjoy food without worrying about allergies."
Demographic:
Age: 30
Education: Master’s in Business Administration
Location: Toronto, Canada
Family: Married, one child
Occupation: Marketing Manager
Goals:
Find restaurants that accommodate food allergies easily.
Access safe recipe recommendations with ingredient substitutions.
Reduce stress when grocery shopping by identifying allergen-free options.
Frustration:
Restaurant menus lack clear allergen information, making it hard to dine out.
Finding accurate ingredient substitutions is time-consuming.
Feels excluded from social gatherings because of dietary restrictions.
Sophia Lee
"I want an app that helps me connect with people who have similar dietary restrictions, so I don’t feel alone in my journey."
Demographic:
Age: 22
Education: Bachelor’s in Nutrition Science
Location: San Francisco, USA
Family: Lives with roommates
Occupation: University Student
Goals:
Connect with a community of people facing similar dietary challenges.
Discover new, allergy-friendly recipes through AI recommendations.
Learn more about safe food brands and restaurants.
Frustration:
Feels isolated due to strict dietary restrictions.
Hard to find recipes that fit multiple allergies.
Worries about dining out with friends, fearing accidental exposure.
Challenge of Creating the App
Developing an app that effectively addresses dietary restrictions poses challenges in ensuring accurate ingredient information, user-friendly navigation, and seamless integration of personalized recommendations while maintaining accessibility and trust.
Challenge of Creating the App
Developing an app that effectively addresses dietary restrictions poses challenges in ensuring accurate ingredient information, user-friendly navigation, and seamless integration of personalized recommendations while maintaining accessibility and trust.
Food Discovery
Food Discovery
People with food allergies face a major obstacle when searching for restaurants that accommodate dietary needs and provide transparent menu information.
People with food allergies face a major obstacle when searching for restaurants that accommodate dietary needs and provide transparent menu information.
Social Isolation
Social Isolation
People with dietary restrictions often skip food-related social events which results in damaged personal connections and reduced life satisfaction.
People with dietary restrictions often skip food-related social events which results in damaged personal connections and reduced life satisfaction.
Dietary Exploration Challenges
Dietary Exploration Challenges
Finding appropriate ingredients and suitable recipes for specific dietary requirements creates frustration because it reduces food diversity and culinary exploration.
Finding appropriate ingredients and suitable recipes for specific dietary requirements creates frustration because it reduces food diversity and culinary exploration.
What is the solution?
The system assists users in selecting appropriate meal options through personalized recipes and ingredient substitutions that match their dietary requirements.
AI Generated Recipe & Ingredient Substitution tool
The system assists users in selecting appropriate meal options through personalized recipes and ingredient substitutions that match their dietary requirements.
AI Generated Recipe & Ingredient Substitution tool
The platform enables users to connect with others and exchange their experiences while exploring new food choices alongside people who share the same dietary limitations.
Ensuring Safety in Emergencies
The platform enables users to connect with others and exchange their experiences while exploring new food choices alongside people who share the same dietary limitations.
Ensuring Safety in Emergencies
The service offers users a quick-access digital card to store and share vital allergy information which guarantees emergency safety.
Ensuring Safety in Emergencies
The service offers users a quick-access digital card to store and share vital allergy information which guarantees emergency safety.
Ensuring Safety in Emergencies
What is the solution?
The system assists users in selecting appropriate meal options through personalized recipes and ingredient substitutions that match their dietary requirements.
AI Generated Recipe & Ingredient Substitution tool
The platform enables users to connect with others and exchange their experiences while exploring new food choices alongside people who share the same dietary limitations.
Ensuring Safety in Emergencies
The service offers users a quick-access digital card to store and share vital allergy information which guarantees emergency safety.
Allergy & Emergency Contact Card
Design
Information Architecture
An effective design approach improves both the visual appeal and distinctiveness of the app while ensuring higher user engagement through an intuitive and seamless experience. Thoughtful design elements enable the app to establish an engaging learning space that supports users in navigating easily while exploring features and retaining information more effectively.
Design
Information Architecture
An effective design approach improves both the visual appeal and distinctiveness of the app while ensuring higher user engagement through an intuitive and seamless experience. Thoughtful design elements enable the app to establish an engaging learning space that supports users in navigating easily while exploring features and retaining information more effectively.



Moodboard
We begin by generating diverse ideas to explore creative possibilities. By evaluating relevance, feasibility, and impact, we identify concepts that align with our core themes of health, social engagement, and discovery, ensuring an optimal user experience for individuals with dietary needs.
We begin by generating diverse ideas to explore creative possibilities. By evaluating relevance, feasibility, and impact, we identify concepts that align with our core themes of health, social engagement, and discovery, ensuring an optimal user experience for individuals with dietary needs.


Identify
Usability Testing
The usability test aims to evaluate how effectively users can navigate the app, complete key tasks, and engage with its features. The focus is on identifying usability challenges and improving the user experience for individuals with dietary restrictions.
Metrics for Evaluation
Metrics for Evaluation
Evaluate users' ability to perform essential tasks independently.
Determine the duration required for users to complete each fundamental app function.
Error Rate involves the identification of typical errors and barriers users encounter during their interactions.
Evaluate user satisfaction by gathering ratings from 1 to 5 on how easy the system is to use and the clarity of instructions combined with their overall experience.
Gather detailed user opinions through open-ended feedback focused on usability challenges and improvement ideas.
Evaluate users' ability to perform essential tasks independently.
Determine the duration required for users to complete each fundamental app function.
Error Rate involves the identification of typical errors and barriers users encounter during their interactions.
Evaluate user satisfaction by gathering ratings from 1 to 5 on how easy the system is to use and the clarity of instructions combined with their overall experience.
Gather detailed user opinions through open-ended feedback focused on usability challenges and improvement ideas.
Post-Test Survey
Post-Test Survey
What aspects of the app were most helpful?
Were there any confusing parts?
Would you use this app regularly? Why or why not?
What improvements would you suggest?
What aspects of the app were most helpful?
Were there any confusing parts?
Would you use this app regularly? Why or why not?
What improvements would you suggest?
💡 Insight
💡 Insight
The app layout presented challenges for users who had trouble accessing essential features such as ingredient substitution options.
Although users valued the AI suggestions they received from the app, they expressed the need for additional customization options to select their preferred substitutes.
People liked the social features yet encountered challenges finding posts that matched their specific dietary requirements.
The app layout presented challenges for users who had trouble accessing essential features such as ingredient substitution options.
Although users valued the AI suggestions they received from the app, they expressed the need for additional customization options to select their preferred substitutes.
People liked the social features yet encountered challenges finding posts that matched their specific dietary requirements.
🚀 Improvement
🚀 Improvement
Streamline navigation by grouping similar functions together.
Include an indicator that shows how confident the AI is when making substitutions.
Enhance search capabilities by introducing tags for both dietary types and allergens.
Introduce a QR code system to allow immediate information sharing with both restaurant staff and medical personnel.
Streamline navigation by grouping similar functions together.
Include an indicator that shows how confident the AI is when making substitutions.
Enhance search capabilities by introducing tags for both dietary types and allergens.
Introduce a QR code system to allow immediate information sharing with both restaurant staff and medical personnel.
Design System


HighFiedlity Prototype




Case Studies
Case Studies

Roroa style
Website for E-commerce Platform
Roroa style
Website for E-commerce Platform

Researh
Competition Analysis
To understand user needs, the first step is to conduct research and analyze existing apps in the market. This helps identify gaps in their marketing strategies and discover opportunities for improvement.
How many Canadian have food allergy?
According to Food Allergy Canada
> 3 million Canadians are affected by food allergy, that's 7.5% of the population.
In Dalhousie University Report (2021)
46% of Canadians with food allergies have experienced a reaction in a restaurant at least once, and 25.5% more than once.
Government Canada announce
Fewer people are diagnosed by a doctor with food allergies. Studies estimate that 5-6% of young children and 3-4% of adults in Western countries have confirmed food allergies.
Competitive Analysis

Target Audience
To understand our target audience, we conducted interviews with 3 to 4 individuals who have allergies, each lasting 30 minutes. Based on the insights gathered, we created personas to identify key factors such as age group, goals, frustrations, and more.
Alex Johnson
"I need a reliable app that helps me find safe dining options and ingredient substitutions so I can enjoy food without worrying about allergies."
Demographic:
Age: 30
Education: Master’s in Business Administration
Location: Toronto, Canada
Family: Married, one child
Occupation: Marketing Manager
Goals:
Find restaurants that accommodate food allergies easily.
Access safe recipe recommendations with ingredient substitutions.
Reduce stress when grocery shopping by identifying allergen-free options.
Frustration:
Restaurant menus lack clear allergen information, making it hard to dine out.
Finding accurate ingredient substitutions is time-consuming.
Feels excluded from social gatherings because of dietary restrictions.
Sophia Lee
"I want an app that helps me connect with people who have similar dietary restrictions, so I don’t feel alone in my journey."
Demographic:
Age: 22
Education: Bachelor’s in Nutrition Science
Location: San Francisco, USA
Family: Lives with roommates
Occupation: University Student
Goals:
Connect with a community of people facing similar dietary challenges.
Discover new, allergy-friendly recipes through AI recommendations.
Learn more about safe food brands and restaurants.
Frustration:
Feels isolated due to strict dietary restrictions.
Hard to find recipes that fit multiple allergies.
Worries about dining out with friends, fearing accidental exposure.
Challenge of Creating the App
Developing an app that effectively addresses dietary restrictions poses challenges in ensuring accurate ingredient information, user-friendly navigation, and seamless integration of personalized recommendations while maintaining accessibility and trust.
Food Discovery
People with food allergies face a major obstacle when searching for restaurants that accommodate dietary needs and provide transparent menu information.
Social Isolation
People with dietary restrictions often skip food-related social events which results in damaged personal connections and reduced life satisfaction.
Dietary Exploration Challenges
Finding appropriate ingredients and suitable recipes for specific dietary requirements creates frustration because it reduces food diversity and culinary exploration.
What is the solution?
AI Generated Recipe & Ingredient Substitution tool
The system assists users in selecting appropriate meal options through personalized recipes and ingredient substitutions that match their dietary requirements.
Ensuring Safety in Emergencies
The platform enables users to connect with others and exchange their experiences while exploring new food choices alongside people who share the same dietary limitations.
Allergy & Emergency Contact Card
The service offers users a quick-access digital card to store and share vital allergy information which guarantees emergency safety.
Design
Information Architecture
An effective design approach improves both the visual appeal and distinctiveness of the app while ensuring higher user engagement through an intuitive and seamless experience. Thoughtful design elements enable the app to establish an engaging learning space that supports users in navigating easily while exploring features and retaining information more effectively.


Moodboard
We begin by generating diverse ideas to explore creative possibilities. By evaluating relevance, feasibility, and impact, we identify concepts that align with our core themes of health, social engagement, and discovery, ensuring an optimal user experience for individuals with dietary needs.

Identify
Usability Testing
The usability test aims to evaluate how effectively users can navigate the app, complete key tasks, and engage with its features. The focus is on identifying usability challenges and improving the user experience for individuals with dietary restrictions.
Metrics for Evaluation
Evaluate users' ability to perform essential tasks independently.
Determine the duration required for users to complete each fundamental app function.
Error Rate involves the identification of typical errors and barriers users encounter during their interactions.
Evaluate user satisfaction by gathering ratings from 1 to 5 on how easy the system is to use and the clarity of instructions combined with their overall experience.
Gather detailed user opinions through open-ended feedback focused on usability challenges and improvement ideas.
Post-Test Survey
What aspects of the app were most helpful?
Were there any confusing parts?
Would you use this app regularly? Why or why not?
What improvements would you suggest?
💡 Insight
The app layout presented challenges for users who had trouble accessing essential features such as ingredient substitution options.
Although users valued the AI suggestions they received from the app, they expressed the need for additional customization options to select their preferred substitutes.
People liked the social features yet encountered challenges finding posts that matched their specific dietary requirements.
🚀 Improvement
Streamline navigation by grouping similar functions together.
Include an indicator that shows how confident the AI is when making substitutions.
Enhance search capabilities by introducing tags for both dietary types and allergens.
Introduce a QR code system to allow immediate information sharing with both restaurant staff and medical personnel.
Design System

HighFiedlity Prototype


Case Studies

Roroa style
Website for E-commerce Platform

Okit - Product Design Challenge
Timeline
Mar 2024, 72 hours
Rules
UX/UI Designer
UX Researcher
Marketing Analyst
Skills
Interaction Design
Prototyping
Wireframe
Concepting
Accessibility
Visual Design
Tools
Figma
Illustrator
Overview
In March 2024, my team and I participated in the Product Design Sprint hosted by Western Founders Network. Over an intense 72-hour period, we tackled design challenges—beginning with understanding users and their pain points, conducting in-depth research, and brainstorming innovative solutions. We then moved on to developing and evaluating a high-fidelity mockup app, ensuring that the design was both functional and user-friendly. Finally, we presented our solution to a panel of judges, including individuals with disabilities, demonstrating how our design addressed accessibility, usability, and inclusivity.
What I Learn
1️⃣ Define clear objectives to maintain focus on the core problem and create effective solutions that prioritize users.
2️⃣ Thorough Research Matters, but Gaps Exist 🔍 – Conducting extensive research is crucial, but sometimes answers aren’t readily available, requiring creative problem-solving and user testing.
3️⃣ Problem-Solving & Accessibility Are Key 🛠️♿ – Designing accessible features is essential, and understanding user behavior helps create a more inclusive and functional experience.