Cookpal
Virtual Cooking Assistant
UX/UI Design - Augmented Reality - Interaction Design
Problem Statement & Figma Prototype
CookPal is an innovative cooking app that offers a new level of cooking experience through AR and 3D animated recipes. It aims to address the common pain points in cooking by offering seamless grocery shopping and recipe search based on ingredients available in the user's fridge. Use Figma prototype window below to experience using it!
Project Guide
To access the complete Figma project guide for CookPal, follow this URL: www.figma.com/file/aQFtWsfQ4DnRDASqzssG80/Hesham.Design-%7C-CookPal?type=design&node-id=123%3A606&mode=design&t=MP7tqSQNc31RbLSK-1
UI Design
Total Screens: 57
Style Guidelines & Case Study
Discover Cookpal UI style guidelines and case study by using the Figma windows below or continue scrolling for a wide-screen view.
Interactive Web-based 3D & Augmented Reality Recipe Steps
The featured recipe for making banana bread is utilized to demonstrate this interactive feature in CookPal. You can view and interact with recipe steps in the windows below by clicking and rotating them if your browser supports <model-viewer>. For an Augmented Reality experience, use a mobile phone with a browser that supports <model-viewer>. An option to view in AR mode will be available to you.
