Challenge: A local bakery needs to reduce in-store traffic and long lines.
Solution: Streamline their ordering process through an online menu app
My role: The research and design for this project were completed independently.
User Pain Points
1
Low-fidelity Prototype
The low-fidelity prototype had the basic connections needed for the user flow, but had only one way to complete the main user task. Additionally, some buttons proved to be faulty.
2
I conducted an unmoderated usability study to determine if users could easily and efficiently complete the main user flow of placing an online order.
Several users expressed confusion during the checkout process, which demonstrated a need for more clarity in completing this task. I realized an additional page was needed to break the process into simpler steps.
Mockups
User Research
Short on time
Transparency with users about when their order will be ready helps them plan accordingly.
Design
Usability Study
Impact:
This design emphasizes intuitive flow and task completion. By making online ordering easily accessible, the Pâtisserie is able to increase business without in-store traffic.
1
Findings:
The checkout process should be broken into simpler steps.
Navigation should be more clearly indicated to improve user flow.
A confirmation page should be added and the number of items in cart should be indicated along with the price.
Desktop Prototype
Pâtisserie
This app and website were designed for a local bakery looking to increase ordering efficiency through an online menu and ordering app. Our target users include all local demographics, but especially busy professionals inclined to online ordering.
Aug. 2022 - Nov. 2022
Waiting in line
This app reduces in-person waiting times for busy people who need a grab-and-go option.
User Persona
The homepage became more streamlined; I adjusted features and hierarchy to promote easy completion of the user flow.
After completing the usability study, I adjusted all text to be sans-serif to optimize legibility. I also changed the hierarchy of the page to encourage online ordering.
A P0 research insight identified in the usability study was the need for an additional checkout page to improve clarity of the user flow.
High-fidelity Prototype
User research showed that efficiency is a priority for target users.
2
3
3
Translation
The Pâtisserie has non-English speaking customers. The app offers a translation option for them.
User Journey Map
Accessibility Considerations
1
2
The text and backgrounds colors are high-contrast to comply with WCAG guidelines and to make text easily legible.
Takeaways
Each menu item is accompanied by a photo for those who may have trouble reading text or speak English as a second language.
3
An Accessibility option is included in the profile dropdown menu, which can include translation and read-aloud add-ons.
What I learned:
Empathizing with the diverse user population led me to consider the importance of intuitive design in a user flow.
Thank you for reading!
Let’s connect!
Megan Bevilacqua
megbev4@gmail.com