Order tasty treats from anywhere.

Chicago Pastry

  • The Product

    This product was designed to create a simple app that the Chicago Pastry bakery could use for their customers to view the menu and order ahead of time.

  • The Problem

    Customers needed a convenient and easy way to pick up orders on the go from the bakery. But, people who had dietary restrictions had to sift through every menu item checking for ingredients.

  • Skills

    Stakeholder Interviews, UI + UX Design, Figma Service Design, Field Research

    Duration: 5 months

Understanding the User

I conducted interviews and created empathy maps to understand the users I’m designing for so I can address their needs accordingly. The primary user groups identified through research were working people who wanted to cut time on picking up bakery items and customers avoiding common allergies.

This user group confirmed initial assumptions about Chicago Pastry customers, but research also revealed that dietary restrictions were a component that users felt was overlooked. Incorporating a filter on the menu item would be benefitting this population along with people who want to place mass orders.

User Journey

Pain Points

  • Working adults are too busy to wait on orders and can instead have their orders ready upon arrival.

  • Platforms for ordering food are not equipped with assistive technologies.

  • Users with food restrictions wanted to view menu items without looking through every ingredient.

  • Text-heavy menus on the app are often difficult to read and order from.

Wireframes

User testing was done on wireframes initially.

Elements included are

  • Filter in the menu to exclude certain ingredients like common allergies.

  • A button next to each individual item on the menu to see more details about the item like nutritional values and an image of the treat to keep the menu page from appearing cluttered.

  • A navigation menu to include all the different components of the app.

Low-Fidelity Prototype: https://www.figma.com/file/reybQUhNykBJcc0upL9GRQ/Bakery1?node-id=0%3A1&t=m6tKnT5uVmLAboo5-1

Accessibility Considerations

  • Provided text for vision impaired users to be able to use screen readers when using the app.

  • Used icons to make navigation easier and understood universally.

  • Used a high-contrast color palette to detect outlines on text and buttons for color vision deficiencies.

User Testing

8 users — user research combined with usability testing

Tried to cover different types of users from different ages and occupations. Started with testing digital wireframes.

Length: 15-20 minutes

Study type: Unmoderated usability study

Findings

I conducted two usability studies and found that the first round helped with editing the look of the wireframes. Then the second round was more specific to features on the app that needed to be looked over again.

Round 1

  1. Users want to order quickly and not have many barriers preventing them from successfully placing an order.

  2. Users want more customizations for the menu filter.

  3. Users want a confirmation page when checking out confirming all the details before officially placing the order.

Round 2

  1. The checkout process should be all on one page rather than multiple pages for a fewer step process.

  2. Should be able to add items from the “Favorites” tab straight to the cart.

“I love the menu filter here. I feel like it would make it so much easier for me to order things regarding my lactose intolerance.”

— User

FINAL MOCKUP

FINAL MOCKUP

High-Fidelity: https://www.figma.com/file/reybQUhNykBJcc0upL9GRQ/Bakery1?node-id=34%3A48&t=m6tKnT5uVmLAboo5-1

Takeaways

While designing this app, I learned there can always be improvements made to better the user experience and to always be mindful of accessibility for all users with each step of designing. This app makes users feel like Chicago Pastry meets their needs and increases the quality of using the app.

Next Steps

  1. Conduct another round of usability studies to validate whether pain points users experience has been effectively addressed.

  2. Add screens that focus on the user’s account and keep track of rewards.

  3. Experiment with different color pallets, fonts, and language translators.