Frosted Bakery App
UX Design Project | December 2022
Role
UX Designer
Featured items
Sketches, wireframes, high
and low fidelity prototypes
Frosted is a small central Illinois bakery that creates custom baked items as well as many pre-made products. Frosted targets local residents who want a cozy sit-down experience as well as those who are on the go or want custom items for personal events.
The problem: Customers juggle multiple schedules and don’t have time to wait in line. They need something to help skip ordering in person and to pick up their order when it’s convenient for them.
To solve the problem, a menu and ordering app needs to be designed to help people customize and order baked goods ahead of time.
Understanding the user
I conducted user interviews in person or by sending questions over email to better understand the user and their needs.
After gathering initial research, I was able to figure out major paint points and developed a persona from that information.
Starting the design
From research findings, I began design work by developing paper wireframe. The goal was to create one user flow, so I decided to start from the category section and finish with the checkout, adding the necessary steps in between.
After paper wireframes were drawn and a user flow established, it was time to move to creating digital wireframes using Figma.
Wireframing turned into low-fidelity prototyping
Testing the first iteration
and high fidelity work
I developed a research plan which helped me outline my first usability study. Five people participated in a recorded, moderated usability study. From the recordings, I created an affinity diagram and developed insights from that information. My findings were: users need more intuitive descriptive and action language throughout the app, clearer directions on how to use the rewards and they thought most features on the app easy to use.
After understanding the information gained from the usability study, I could move from low fidelity prototyping to high fidelity mockups and prototyping.