Grand Danois

Project Overview

The product:

Grand Danois is a regional bakery located in the Greater Toronto Area. It offers a wide spectrum of baked goods from bread, and pastries to specialty products. Grand Danois' target users are commuters and family who prefers traditionally made baked goods.

Project duration:

July 2022 to Sept 2022

The problem:

Busy patrons struggling to get the items they want from the bakery

The goal:

Design a mobile app that allows for online orders along with up-to-date bakery information including, business hours, inventory, and each item's ingredients.

My Role:

UX designer designing a mobile app for a bakery from conception to delivery

Responsibilities:

  • Conducting interviews

  • paper and digital wireframing

  • low and high-fidelity prototyping

  • conducting usability studies

  • accounting for accessibility

  • iterating on designs.

User research: summary

In this user research, I conducted 15 interviews of ideal subjects, create personas based on the interview findings, Identify user's pain point and personal goals.

I also created scenarios and user journeys by identifying the path the users need to take, and their emotions at each step as well as identifying opportunities for improvement every step of the way.

User research: pain points

1

2

3

Since the bakery applies a first come first serve basis, patrons are left with whichever items are still available at the time of their visit.

Patrons have to wait in long lines when ordering from a bakery

Lack of process to order specialty products

Persona: Bryan

Problem statement:

Bryan Sample is a full-time salesman and a father of two, who needs to access the ingredients list of items from the bakery, so he can order peanut-free items for his daughter.

User journey map

Bryan needs to take 4 steps just to make sure he can order from the bakery. We are hoping to improve and expedite this process through the mobile app.

Ideate : Paper Wireframes

Taking the time to draft iterations of the menu 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 prioritized a simple and easy layout to help users navigate the app.

Digital Wireframes

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

slideshow of different promotions

The homepage displays the overall structure of the app.

An easy ordering process that displays products and up-to-date inventory was a key user need to address in the designs.

Graphic of each product

Up-to-date inventory display

Ingredient list of product

Low-fidelity prototype

Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was to order an item, so the prototype could be used in a usability study.

Check out Grand Danois Low Fidelity Prototype

Usability study: findings

I conducted a usability study for my first round of iterations. Findings from the first study helped guide me in designs from wireframes to mockups and revealed what aspects of the mockups needed refining.

Usability Findings

Users wants a better flow of the checkout process

User wants to contact the bakery directly

User has a hard time changing bakery location

Mockups

I decided to incorporate the Gestalt law of similarity and create a similar size of all the main buttons that make up the working application.

Usability studies show that the ordering process will be easier by adding the add to cart button.

High-fidelity prototype

The final high-fidelity prototype presents a better user flow for selecting and purchasing items. It also addressed the user's pain points from the first round of the usability study.

Check out Grand Danois' High Fidelity prototype.

Accessibility Consideration

1

Designing the layout of the application based on the Gestalt principle to make for easier navigation

Used detailed imagery for each menu page to help users understand what they're ordering.

2

Takeaways

Impact

What I learned

The app makes patrons feels more at ease when ordering products.

One quote from peer feedback:
“I think the filter feature makes it so much easier to order and I will be ordering more breads with the app.”


While designing the Grand danois, I learned that the first ideas for the app are only the beginning of the process. Usability studies and peer feedback influenced each iteration of the app’s designs.

Next Steps

1

Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

Conduct more user research to determine any new areas to improve.

2

Let’s work together