Back

"Bianca's Bakery" Mobile App

- CASE STUDY -

MY ROLE: UX designer designing an app for Bianca’s Bakery from conception to delivery.

RESPONSIBILITIES: Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

THE PROBLEM: Busy, visually challenged, professionals with an unpredictable work schedule need an easy-to-use bakery app with a screen reader to assist them in ordering fresh baked goods because having a visual impairment makes finding and ordering the right products difficult.

THE GOAL: Design an app for Bianca’s Bakery that allows users to easily order and pick up fresh baked goods. This will especially benefit users who are busy, visually-challenged, professionals by providing screen-reader technology that will make browsing and ordering menu items quick and easy.

USER RESEARCH SUMMARY

I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was busy professionals who want to invite colleagues and friends over for coffee and dessert, but don’t have the time to bake.

This user group confirmed initial assumptions about Bianca’s Bakery customers, but research also revealed that time was not the only factor limiting users from baking at home. Other user problems included obligations, interests, or challenges that make it difficult to order fresh bakery goods, including visual impairments and dietary restrictions.

USER RESEARCH PAIN POINTS

PERSONA: MARIA

USER JOURNEY MAP

PAPER WIREFRAMES

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I provided an accessibility tool and prioritized a quick and easy process to help users search, browse, and order cakes.

DIGITAL WIREFRAMES

As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.

An audio button to activate the screen reader was a key user need to address in the designs in addition to equipping the app to work with text-to-speech assistive technologies.

LOW-FIDELITY PROTOTYPE

Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was finding and ordering the right cake to meet specific dietary restriction, so the prototype could be used in a usability study.

View Bianca’s Bakery App Low-fidelity Prototype

USABILITY STUDY FINDINGS

MOCKUPS

HIGH-FIDELITY PROTOTYPE

The final high-fidelity prototype presented easier audio-reader activation and cleaner shopping cart/checkout screens and flow. It also met user needs for a transaction total with order number, as well as other customization.

View Bianca’s Bakery App
High-fidelity Prototype