The Little Bakery 

As part of the coursework for Google’s UX design certificate, I created a mobile ordering app and website for a bakery.



Overview

The problem: The Little Bakery needs a way to allow online ordering. Customers are busy and want the process to be transparent with options for in-store, curbside and delivery orders.   

The goal: Create a mobile app and accessible multi-platform website for a  bakery that makes ordering food quick and easy.

My role: Create the brand from conception. Conduct UX research to inform the design of the app and site.

Project Duration:
November 2022 – March 2023


Research

I created user personas and journey maps to understand the goals and frustrtions of users.

I found that 1. Users were on the go and had limited time 2. Users wanted to know exactly when and where they could get their food 3. Users wanted apps that were easy to use and accessible to all. 





Design

I created a sitemap and wireframes for a mobile app and  responsive website. 

I started sketching paper wireframes, moved to digital wireframes and then created a low-fidelity prototype.

Prototypes

I created low-fidelity prototypes for both the app and website using figma and AdobeXD.

See the app prototype here
and the website prototype here.


Research

I conducted an unmoderated usability study with bakery enthusiasts between the ages of 18-75 to explore the functionality of my prototype design.
Round 1 findings:
1. Users want options!

2. Users want to be able to access the cart quickly and have clarity on what’s in their cart.

3. Users want multiple options and clarity along each step.

Round 2 findings:
1. Users want to send notes with their orders.

2. Users want to be able to go back to the previous screen at any point in the process.

2. Users want dietary info and photos.

Refining the design 

I continued to refine the design based on feedback from the usability study. I designed high fidelity mockups and prototypes.

View the app prototype here
and the website prototype here





What’s next?



Accessibility Text contrast passes WCAG AA and AAA guidelines for accessibility. The website will use alt text and allow for the use of a screen reader. I’d like to research plugins that can improve the site and app’s accessibility or create alternate versions of the site (ADHD friendly, dark mode, seizure safe, etc). 

Continue research and conduct more usability studies to see how the products can be improved.

Refine design
and branding.




Thanks for reading! 





Let’s talk! 

Email
Instagram
LinkedIn
I’m an award-winning art director and designer. In my free time I enjoy taking naps,  playing the piano and spending time with my dog.