× Home About Skills Portfolio Contact

Portfolio

Coursera / Case Study - Sweet Tooth Bakery

Project Overview

As part of the Google UX Design Professional Certification Program, we were asked to select a prompt for developing an app that positions ourselves as a user while learning to think about design. The prompt I selected was "Design a mobile-ordering app for a local bakery".

Sweet Tooth Bakery is a fictional bakery based out of Boston, MA. The Sweet Tooth Bakery mobile app will allow users to quickly order and pay for their favorite baked goods, pastries, cakes, coffee in advance for pickup before arriving at the bakery. It will make the ordering process smooth and quick, without the customers having to wait in long lines to order.

Project Duration

October 2023 - February 2024

My Responsibilities

User Research, Personas, Problem Statements, Journey Maps, Competitive Audit, User Flow, Sitemap, Wireframes, Prototypes, Usability Study, Accessibility

Tools used

Figma, Adobe Photoshop

sweet tooth bakery app mockup

User Research

To understand user frustration, needs, and requirements, I conducted user research through interviews for my project. My goal was to gain insights into the needs and wants of users so that I can better design my mobile online-ordering app for Sweet Tooth Bakery. The user research methodology I chose for this project was qualitative research.

user research pain points

Personas

I was able to create a persona to help me explore the needs of a large group of users and design my app with specific target users in mind.

persona

Journey Map

In order to help identify pain points and opportunities for improvement, I created a user journey map that highlights Jonathan's everyday experience when ordering from Sweet Tooth Bakery in person. Mapping Jonathan's users journey revealed how helpful it would be for create an app to place bakery orders in advance.

journey map


Competitive Audit

I created a competitive audit comparing the digital ordering experience and overall user experience of each competitor's mobile app as a new user.

competitive audit screenshot 1

competitive audit screenshot 2


User Flow

To outline all the necessary functionality, I created a simple user flow of the main tasks that a user would be able to do.

mobile app user flow


Sitemap

I created a simple sitemap for my mobile-ordering app to ensure that my persona can successfully complete their key objectives while reducing the existing pain points.

mobile app user flow


Paper Wireframes

I started my design process by sketching out low fidelity wireframes to get a rough idea of the layout options I had in mind that could be used for testing.

mobile app paper wireframes


Digital Wireframes

digital wireframe of homepage

digital wireframe of cart page


Low-Fidelity Prototype

I created a low-fidelity prototype from the primary user flow and wireframes to test functionality before integrating it into the final design.

View low-fidelity prototype

low fidelity prototype


Usability Study

After prototyping the low-fidelity wireframes, I conducted an unmoderated usability study that helped guide the designs from wireframe to mockups.

parameters

findings


Refining the Design: Style Guide


style guide


Refining the Design: Mockups

homepage mockup

product page mockup


Refining the Design: High-Fidelity Wireframes

high fidelity wireframes

more high fidelity wireframes


High-Fidelity Prototype

I created a high-fidelity prototype that presented a cleaner, more user-friendly, and easy to navigate version of the Sweet Tooth Bakery app.

View high-fidelity prototype

high fidelity prototype


Accessibility Considerations

  1. Implementation of headings with varying text sizes throughout the app to create a visual hierarchy for users.
  2. Checked with AIM contrast checker tools the color themes I selected met WCAG compliance.
  3. The use of icons and CTA button names throughout the user flow making actions easier and accessible for everyone.


Takeaways

Impact

In this study, I designed my mobile-ordering app to address common issues faced by users and assess the impact of UX design on their decision-making process. In conclusion, I have a much deeper understanding of how user experience can effect a user's behaviors.

What I Learned

I learned how beneficial it can be to involve users in the design process early and often, and then let feedback drive the process. We are not designing for ourselves and therefore it makes sense to get the users more involved. This project was demanding and time-consuming, but also a very insightful journey.


Next Steps

  1. Obtain UX/UI feedback from designers with more experience in the field to improve design.
  2. Another round of usability studies including a broader group of study participants to find out whether the pain points are effectively solved.
  3. Once satisfied with all design improvements, prepare app for deployment.


Back to Portfolio