BreadBox

UX Design: Mobile App and Responsive Web Design

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

BreadBox: Quotes from user interviews

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.

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 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 diagram for BreadBox app
Paper wireframe sketches for BreadBox homepage
Digital wireframe for BreadBox main user flow

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

BreadBox app: low fidelity prototype screens

Final product

BreadBox: final product showing app and website designs