Bagel Basket Kiosk
UX Research
Interaction Design
UX/UI
Timeline: 14 Weeks, Spring 2025
Tools: Figma, After Effects
The Project
The goal of this project was to create a kiosk experience for a location that does not already have one. The final prototype is a combination of 15 weeks of work. This document includes a heuristic evaluation of a local restaurant that already has a kiosk, planning out the requirements for the project, creating mockups, a complete workflow diagram, wireframes, a styleguide, visual compositions, and finally, an animated prototype. In the end, I had an 84 page process document. I go into much further detail there, so if you'd like to read through it, the link is above.
The Process
In order to learn more about what I was going to be creating, myself and a few other designers went to Shake Shack, Burger King, and Panera in order to gather information on how consumer touch screen interfaces function. The following are highlights from my evaluation that helped inform the design of my kiosk.
Research & Planning
To better understand my users, I developed three user personas representing different types of explorers: the explorer, the tourist, and the local. This helped me visualize how different users' goals would influence their experience.
Planning and Wireframing
I created a styleboard and wireframes before moving on to designing each screen.
Designing
I created an extensive styleguide- full details in the link to my process document- to guide my designs. The photos were all generated using Adobe Firefly.
Prototyping
Final
After recording my animated prototype, all that was left was to put everything together. Please take a look if you want to see the full process behind this project.
