top of page
WAFFLES
Page Layout + Photo Editing + User Experience + p5.js Game Design
OVERVIEW
“Waffles” is an integrated design project that marries the art of typography with the science of code/computing, reflecting my dual passions for design and yummy homemade waffles. This project is the culmination of my work in two college courses: Digital Typography and Introduction to Computing. It demonstrates the versatile application of typography across print and digital platforms. I crafted the waffle recipe pages using InDesign, infusing pages with life through photos taken and refined in Adobe Photoshop. Interactivity comes to life on page 4, where a QR code whisks users away to play “Waffle House,” an immersive cooking game I developed in p5.js. Players are challenged to fulfill orders in a virtual waffle kitchen, enhanced by my original illustrations from Adobe Illustrator, making for a delightful blend of culinary and digital experiences.
CLIENT
Personal Project
DATE
2022
PROCESS (RECIPE PAGES)
WIREFRAME (P5.JS GAME)
QR SCAN
FINAL GAME
HOW TO PLAY
Follow the customer order in the top right of the screen. Place the correct batter, then cook for the correct amount of time. Or see what happens when you do everything wrong!
HOW TO PLAY
Follow the customer order in the top right of the screen. Place the correct batter, then cook for the correct amount of time. Or see what happens when you do everything wrong!
WARNING
Your screen size is too small to play this game. Please use a larger screen.
https://flannery15.github.io/Waffle-House/index.html
bottom of page