BreadBox

UX Design: Mobile App and Responsive Web Design

Project background

Overview

Design a responsive website and mobile app for BreadBox; a local artisan bakery in Nicosia, Cyprus.

Target audience: pastry-loving locals aged 20-50.

The project was completed as part of Google's UX Design Professional Certificate

Role

UX Research // UX Design // UI Design // Prototyping // Testing

Duration

August 2023 - January 2024

The problem

An artisan local bakery would like to increase its sales by offering the option to their customers to order their products online.

The goal

Create a mobile application and a responsive website that allows users to order online.

Understanding the user

Designers can create products that better meet the needs of end-users by taking a user-centered approach. To achieve this, we first need to understand the end-users and their needs.

By conducting interviews with people that match the bakery's target audience, we can define different personas that represent groups of users with similar characteristics.

BreadBox: Quotes from user interviews
Image of user personas

Defining the problem

Identifying user problems is a critical aspect of UX design.

During the initial research, it was found that users commonly faced the problem of lack of time. To tackle this issue, a mobile application needs to be developed that allows users to reach their goal quickly and efficiently.

Problem statement for a persona created for BreadBox

Ideation

After gaining a clear understanding of the issues faced by our users, I began brainstorming ideas to tackle those problems.

To visualize how users would navigate through the app, I created a user flow that took into consideration my research findings. To address users' time constraints, the flow was designed to be as straightforward as possible.

Once the user flow was finalized, I began creating paper wireframes!

User flow for BreadBox app
BreadBox app: paper wireframe 1
BreadBox app: paper wireframe 2

I brainstormed several ideas on paper for the design of the application's homepage. Then, I merged the sections that would provide the most user-friendly experience and created a digital wireframe using Figma to outline the main user flow of the app.

Testing the prototype

During an unmoderated usability study, I received feedback from five participants, allowing me to evaluate the product and make design iterations based on their input.

BreadBox app: user quotes from usability study
BreadBox app: low fidelity prototype

Final product

BreadBox app: final product images

Next project: Camptravel