Manel Costa - UX/UI & Graphic Designer

MOckup+1.jpg

Delight App

A food app for a chain of bakery shops in a area that doesn’t have food delivery apps or options.

 

Delight app

UX/UI Design

⏲️ Duration

6 weeks
Focus on UI/UX Design

👨‍💻 Role

  • UX Research

  • UI Design

  • Styleguide Design

📝 Methods

  • Usability Testing

  • User Interviews

  • Competitive Analysis

🧰 Tools

  • Figma

  • Illustrator

  • Photoshop

 

📦 The Product


A food app for a chain of bakery shops in a area that doesn’t have food delivery apps or options.

🎯 The Goal


Deliver a fast and simple order app to deliver the items to customers to their homes and everybody could use.

 

🗠 Method

USER INTERVIEW ➔ PERSONA STUDY ➔ APP. COMPARISON ➔ WIREFRAME ➔ USER TESTING

 

🚩 The Problem

We discovered that there are several apps for ordering food, each with its own set of benefits and drawbacks. One of the most typical faults is that the information regarding the food is incomplete. Second, the photographs do not accurately depict what people have eaten. Third, outgoing apps will be charged relatively high delivery fees. Finally, many nav activities are confusing, if not simply baffling, for users.

 

🕵 User Interviews


We performed user interviews throughout the discovery phase of our project to gain a deeper grasp of the problem.

For our user research, we conducted both conversational and form questionnaires. We were really thorough in our investigation. How old are they, what food apps do they use, how many do they have, which one do they prefer, and why? How frequently they use the apps. Do they enjoy being able to personalize their order? And so forth.

They're interested in the price, special offers, time savings, and ingredients. We noticed that people spend less time looking for new products and prefer to get the same food over and over again. They want to know if restaurants are reaching their service level agreements and how long preparation and delivery will take. They also want the Amazon experience, which includes live tracking, delivery time updates, and delivery location.

📩 Interview Results

 
 



🧪 USER TESTING 1 (WIREFRAMES)


Task Flow

  • Login as guest

  • Order something to eat

  • Add to cart

  • Pay the order

  • Track the order

    TRY IT

 
 
 



🧪 USER TESTING 2

(HI-FED PROTO 1)

We conducted preliminary testing before launching the product to identify any potential usability issues.

The goal is to learn how users feel about our software, and we've created three test scenarios to do so. Our target demographic is 20-35-year-old millennials who are used to playing with their phones and have used mobile apps to order food. We opted to conduct face-to-face testing to gauge their reactions to the initial user task. They all agreed that we needed cleaner navigation after taking the tests. They dislike wasting time looking for offers and irrelevant information. They are concerned not only with the overall order experience.

 
 


🧪 USER TESTING 3

(HI-FED PROTO 2)

Feedback from User Testing

After the first user testing, these are the items we needed to improve:

  1. Minor details should be addressed.

  2. On the front page, should have more interaction.

  3. Today’s Deal Page

  4. Back buttons or logo section

    • Add the correct distance details and interaction connectivity between pages and buttons, for example.

  • Reorganize the buttons on the home page to make them more accessible.

  • A check out section and distance information are needed on the page.

  • We need to include a back button on each page or have a logo on top of each page that a user may hit to return to the home page.

  • TRY IT

✏️ UI DESIGN

We began developing the screens in Figma after the first round of user testing was completed.

Bright colors and clean layouts are essential design principles, according to our research, which includes UberEats, Glovo, and Zomato. Then, to make the screens feel fresh, robust, and pleasant, we chose bright and light colors. The main aesthetic styles we follow are visual emphasis, elegance, and cleanliness.

This platform is made for Apple's iOS operating system.

⏩ Future Improvement

Features & Ideas

  • Quality of Services (focus on comments, after delivery services)

  • Top choices of listed items (seasonal, friends' list)

  • Ingredients in food

  • Tracking delivery location

  • Estimate food preparation time