Mia's Bakery

Mia's Bakery

Bakery Sales App

The Product

Mia’s Bakery is a bakery located in the city. Mia’s Bakery is created to be a trusted source of baked goods for customers with dietary restrictions and allergies. It offers all kinds of baked goods and it delivers to your place anytime anywhere.

Project Duration: June 2022 to October 2022

The Problem

Full time employees can’t find a trustable bakery app to buy healthy allergen-free baked goods with a clear ingredients.

The Goal

Design a trustable bakery app that delivers healthy allergen-free baked goods

My Role and Responsibilities

UX designer responsible for the entire process

Responsiblities

• Competitive audit
• Storyboards
• User Research
• Made Up Interviews
• Paper and digital wireframing
• Low-fi prototyping
• High-fi prototyping
• Conducting usability studies
• Iterating on designs

User Research

I conducted made up interviews to understand the problems the users are facing. Two user groups have been identified. The first user group was busy with unpredictable schedule , single full time workers and health conscious. The Second user group is married with kids who has allergies and visually impaired . The first user group prefer pickup and the second group prefer delivery.

Users Pain points

• Time
• Accessibility
• Trust
• Healthy options
• Allergen free food

Personas

User Journey maps

This journey revealed that we need to improve the accessibility of the app.

Paper Wireframes

Three versions for the app’s home screen. For the final version of the design I have chosen the versions with the navigation positioned at the bottom of the screen as it will be easily accessible for the user.

Digital wireframes

These are the designs before the usability study. Initial design based on assumptions and research. Here is the link for the low-fi prototype.

Usability Study 1

• Five participants were asked to record their screen and voice while using the prototype
• They were asked to perform three tasks.

Usability Study Findings: Round 1

• “Continue shopping” button needs to be designed differently into the process
• Users need an intuitive way to edit and save their information
• The bookmark icon should have a coloured background so it would appear selected

Typography

Two font families have been choosen. The logo is a cursive type of font, while the rest of the text is not cursive and san serif type of font for an easier readability

Colour Palette

The blue color was choosen to indicate that Mia's Bakery is a brand that can be trusted and thus the customers will be loyal to the brand.'

High-fi Prototype

These are the designs before the usability study. Iterated design based on first usability study. Here is the link for the hi-fi prototype.

Usability Study 2

• Four participants were asked to record their screen and voice while using the prototype
• They were asked to perform three tasks.
• UX Research Plan document here .

Usability Study Findings: Round 2

• The dietary restriction section should be at the top part of the filter window.
• The dietary restriction options are not clear whether they are selected or not.
• The filter icon need more padding and be placed at the home screen as well.

Final High-fi Prototype

These are the final designs after the second usability study. Iterated design based on usability study round 2. Here is the link for the hi-fi prototype.

Accessibility considerations

• Color contrast: Blue background has a contrast ratio of 4.69:1 with the white text
• Used icons for easier navigation
• The images will have an alt text describing what is in it, the cake shape and color will be written

Impact

This app makes the life of busy people with dietary restrictions easy to order baked goods.

What I learned

Usability studies are really important to make design decisions. We should not assume how the user would behave, it has to be backed up with data.