Bread Box

bread-one
bread-logo

Stop using the app if it doesn't share enough information with the shop. My goal is to give customers all the details they need.

Introducing our innovative food shop application designed to streamline the ordering process and reduce wait times. In response to the high demand at food shops, our app provides real-time updates on menu availability, ensuring customers are informed before they arrive. By allowing customers to order from home and pick up their items quickly, we eliminate long queues and prevent the disappointment of unavailable menu items. Our goal is to equip customers with all the necessary information, enhancing their overall experience and efficiency in ordering.

Where

Yangon, Myanmar

What

iOS Mobile App

Why

Portfolio Project

Role

UX/UI Designer

Category

Food Shop

When

Nov 2023 - Feb 2024

Problem Statement

  • With the rising demand at food shops, certain menu items may be unavailable during periods of high sales.
  • Consequently, customers who travel from a distance may find themselves unable to order their desired menu if those items are no longer available upon their arrival.
  • Lack of information support can leave people unaware of the remaining products in the shop.','Additionally, long queues for pickup can result in wasted time if the desired menu is unavailable when it's their turn.

Possible Solution

  • I am creating this application to reduce the time waste of queuing or waiting at the cafes for their order.
  • By using my application, we can reduce time wasting and no need to wait in long queues for our order which can make the ordering process really smooth and quick.
  • Customers have the option to order from their homes and pick up their items with minimal time spent.

Project Duration

4+

months

30+

screens

Tools Used

tool-used

Figma

tool-used

Mockup

tool-used

Adobe Illustrator

tool-used

Adobe Photoshop

Competitive Analysis

  • I dived into the popular food delivery apps, Food Panda and Grab, which are market competitors in Myanmar.
  • I compared their good and bad points and then focused on how easy it is to order using each app as a new user and a returning user.
  • CI found some negative comments from users who shared their real-time experiences with these apps.
food

Good Points

  • Food Panda mostly partners with a wide variety of restaurants and provides users with their best effort in services.
  • Discounts and Promotion Codes are usually offered and users can track the status of their order with a road map.
  • User friendly Interface leads users to the easy application for ordering their desired menu.
foodmockup
foodmockup

Pain Points

  • Service fees and delivery fees are calculated according to routing distance which can increase overall cost.
  • Users outside the specific range can’t order because of their routing policy.
  • Some menu items are not provided according to their privacy and policy
  • Information of featured menu items are not consistently updated each time.
food

Good Points

  • Grab is known as a multi-service platform and Grab Food is one of its services.
  • It also features wide restaurant selection, convenient ordering, live order tracking with considerable delivery services.
foodmockup
foodmockup

Pain Points

  • It also includes service fees and delivery costs which can affect overall costs.
  • Variable delivery time must be considered this time since unstable information is reported to the users.
  • Only cash on delivery systems are the best remaining choice for the users for their payment options.
  • Number of registered food restaurants and shops is lower than that of Food Panda.
  • Insufficient communication support between the application and restaurants is a critical issue.

User Survey

I discussed with a quick conversation about these food delivery apps for their needs and pain points for this case study.

Price

70%

Duration

50%

Payment Method

40%

Menu Items

30%

Information between Restaurant and Users

20%

Notable Initial Research Results

  • After some research, there are some neglectable issues and important issues that should be fixed for better experience for the users.
  • There are also notable comments like wishing to know that the exact information about the delivery duration, sending order cancel message from the application after the user submitted the order.

User Personas

personas_data

Yoe Sitt

Age - 25

Occupation - Student

Location - Ahlone, Myanmar

  • He is a busy student living alone in Ahlone, Myanmar.
  • He spends most of his time going to class and studying at his tables including weekends.
  • Cooking is not a great option for him due to his busy schedule and the unreliable electricity.
  • With daytime studying and nighttime assignments, he is always in a hurry with very little free time.
  • Like many students, he enjoys drinking coffee and is one of those who make it himself.
  • It's a quick process for him, but sometimes he likes to order from his favorite coffee shop.
  • That's why he keeps a list of all the coffee and bakery shops. He's truly a coffee enthusiast.
personas_data

Thu Thu Htet

Age - 28

Occupation - Teacher

Location - Hlaedan, Myanmar

  • She is working as a headmaster of a preschool who has a variety of responsibilities.
  • Her working hours are 8-4pm and she also teaches kids as an outside tutor after her working hours.
  • Cooking is not a great option for him due to his busy schedule and the unreliable electricity.
  • She not only has a sweet tooth, but also feeds her students with snacks in the afternoon.
  • Therefore, she always keeps in touch with bakery and coffee shops which can deliver her order right in time.

User Storyboard

I used Procreate to create pictures that show how one person might use my app. This helps me understand and see their experience better.

user

Persona

Thu Thu Htet Aung

User Story

Utilize the bakery app for convenient and efficient menu ordering.

story_card

Thu Thu has to purchase coffee and bread for her preschool students during the short gap between lunch break and nap time.

story_card

Upon reaching the bakery shop, she finds a crowd of people waiting to place orders, and some items are unavailable. This situation disappoints her.

story_card

At that moment, she notices that their shop's official app is now available, and she realizes she can also place orders through it.

story_card

She signs up on the application and notices that the processes are extremely user-friendly.

story_card

She orders her items from the menu and specifies the pick-up time to collect her order.

story_card

She easily sees the exact items on the app, no long wait. Gets her order quickly to share with her students.

User Journey Map

I created a user journey map to highlight the moments of feedback and pain points that customers might experience while using the other food delivery application.

thu thu

Thu Thu Htet

Thu Thu consistently prepares bread and coffee for tea time, not just for herself but also for her preschool students. Although she occasionally attempts to use delivery applications like Food Panda and Grab Food, she sometimes abandons the idea due to errors in menu reporting. This hsi her who is trying to purchase bread and coffee for tea time.

actionMode

Tasklist

Wants bread and coffee after lunch Goes to the bakery shop but a long queue is waiting for their order
Checks the menu and select the desired items
Her turn arrives finally and orders coffee and bread
Confirms her order and pay for it
Picks up her order and goes back to preschool

Feelings

Crowed people in front of the shop makes her uncomfortable
Desired menu items are out of stalk
Has to give the menu instructions more than once to inform the sales person
Has to wait longer when some issue occurs in an unexpected way
Gets some of her students’ favorite orders, allowing her to share with them

Painpoints

No alternative options nearby to go shopping. Must finish her purchases during the students’ nap time
Has to wait in lone lines and some items are unavailable . Gets tired as she has to think other menu options to replace the ones she can’t get
Sellers are busier than usual. Leads to longer waiting time. Delays in getting orders
Takes long for payment issue because of busy sellers. Waiting time extends
Owner might be able to manage that situation. Causes fatigue during the return journey to preschool

Improvement Opportunities

No alternative options nearby to go shopping. Must finish her purchases during the students’ nap time
Has to wait in lone lines and some items are unavailable. Gets tired as she has to think other menu options to replace the ones she can’t get
Sellers are busier than usual. Leads to longer waiting time. Delays in getting orders
Takes long for payment issue because of busy sellers. Waiting time extends
Owner might be able to manage that situation. Causes fatigue during the return journey to preschool

Flow Diagram

In order to understand the project, flow diagram has been created to visually articulate the process of application.

ee

Wireframes

I created wireframes to start the initial design phase. For drawing these wireframes, I used a Mockup application from the App Store, which is user-friendly and easy to use with some key frames shown in below this paragraph.

imagesimagesimagesimagesimagesimages

High-Fidelity UI Design

images

High-Fidelity Prototype

Connecting hi-fi screens with in-build animations for smooth experience for the users which can leads to friendly UI design for every users keeping with user central design.

images

Prototype Experience confirmation

I finished making the prototype for the screens, and then I tested it with more than 6 users to make sure it provides a good user experience. If there were any problems with using the application, I redesigned it and fixed the issues to improve the overall experience. I mainly focused on the ordering process and checked if viewing the menu items was smooth or not.

Project Summary

During the project, I looked at market research, did a user survey, made simple and detailed designs, and connected everything into a prototype for a smooth and easy-to-use application. It took a lot of time and effort to study this application, but I didn't give up. I found many ways to make it better and realized there's still a lot more to learn in the future.

images

© 2024

Linn Htet Aung