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.

Interactive Recipe: Step 01
Interactive Recipe: Step 02
Interactive Recipe: Step 03
Interactive Recipe: Step 04
Interactive Recipe: Step 05
Interactive Recipe: Step 06
Interactive Recipe: Step 07
Next project

Hakawati — The Art of Storytelling