INTERACTIVE COOKBOOK

A concept HTML5 web app that showcases different styles of waffles from around the world. The goal is to inform, entertain, and delight users. Waffle Style will be an interactive cookbook and guide to waffles. The plan is to market the app to waffle vendors and restaurant owners as a fun game to play while customers wait for their orders.

Screenshot

PROBLEM

Waffle Style is unlike anything currently available on the market. We are all familiar with traditional breakfast waffles, but, did you know there are a variety of different styles made all over the world?

The main focus of the app will be the game section. Each level serves as lessons on how to properly prepare different styles of waffles. This will be a great form of advertising for various waffle vendors, while customers wait for their waffle order, they can make their own virtual waffle at the same time.

RESEARCH

Research

MINDMAP

Mindmap

WIREFRAMES

Wireframe 1
Wireframe 2
Wireframe 3

INFORMATION ARCHITECTURE

Structure: Sitemap

TASK FLOW

Task Flow 1
Task Flow 2
Task Flow 3

PROOF OF CONCEPT

Structure: Navigation
Structure: Navigation
Structure: Navigation

LOGO DESIGN

Branding: Logo

STYLE GUIDE

Branding: Style Guide

GRID

Design: Grid
Design: Grid 2

MOCKUPS

Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups
Waffle Mockups

Technology

HTML, CSS, JavaScript
Foundation Framework, InVision, Proto.io
User Research, UI/UX Design, User Testing, IxD Design