top of page

Project Overview.

I'm creating this app to help customers of Bread and Butter Bakery place orders and pay through the app and pick them at the shop or ship to their place at any convenient time. 

It will make the ordering process smooth and quick, with the customers lining up and waiting in long queues to order.

Persona.

Astrid Smith

Frustration
"I wish there were more than 24 hours a day!"

"I'm scared of not being able to make it to the classes or work on time."
 


Goals
Have an order waiting for her to pick up before she leaves.

She's hard working and also part-time student. That's why she never has time in the morning to prepare something for herself. 

There's a local bakery near her place which sells fresh baked goods. However, she's not the only one in a hurry in the morning.

There were so many times she missed a bus, waiting to be served. 

Age
26

Martial Status
Single, No Kids

Occupation
Accountant and Student

Location
Vancouver, BC

Smiling Woman_edited.jpg

Maria Bond

Frustration
"I hate when I can't do online order"

"It's frustrating when I have guests coming over for breakfast and I have nothing fresh to serve."
 


Goals
Stop being frustrated.

access to online order and have her order shipped to her quickly.

Maria is a full time mom of two kids. She loves gathering with her friends once in a while in her place specially in the morning when her friends kids are at school.

There's a local bakery a few blocks away from her place.

She doesn't have a car and with having 2 kids around. Making the two kids ready and heading to the bakery and carrying baked goods and watching the kids on the way back is not an easy for her.

Age
34
Martial Status
Married, 2 Kids

Occupation
Full-Time Wife

Location
Vancouver, BC

Design Stage.

Once I went into my end user's head, it was time to sketch out the first flows and low-fidelty wireframes and a prototype based on them. The good news is that I already have the concept in hand. That's a huge step for me to get into design the user interface right after the research.

BreadandButter-LogoA.png

Flow Diagram.

To outline all necessary functionality, I created a simple flow diagram of the main tasks the user can do. One of the flows can shown below. 

Main User Flow.

Artboard 2.png
BreadandButter-LogoA.png
iphone_mockup.png

The Process.

The Process.

Kept the consistency of the main concept by using its own type faces and also created illustrations as the logo is like sketched sort. I think the illustration along with the type faces give a sense of home and coziness. 

mockup01.png
product-detailA.png
10_edited.png
iphone_order.png
bottom of page