91ܽ

dishedUp

Interface, gamefied experience

By: Khushy Brar, Ekam Nijjar, Sabrina Tang
Course: IAT 334 Interface Design

Description: dishedUp is a gamified cooking experience that empowers intro cooks through interactive quests, hands-free tutorials, and personal progress tracking.

Prototyped in ProtoPie, it’s designed with a user-centered, mobile-first approach. The interface features clean layouts, a consistent typographic hierarchy, and a cohesive colour palette to guide users through their cooking journey. Clarity, consistency, and accessibility are emphasized through high-contrast text, ample tap targets, and reusable components compatible with screen readers. Hands-free navigation with “Hey Dish…” voice commands lets users advance steps, repeat instructions, or navigate lessons without touching the screen, with visual prompts and fallback buttons ensuring continuity.

The supporting website is built with HTML and JavaScript, styled with Tailwind for responsive design, and bundled with Vite for fast development and optimized production builds. dishedUp is an intuitive, engaging, and accessible cooking companion.