Coco's | Chaerin Do

Delivery Tracking App | UX Case Study

Project Duration: August 2025

Project Overview

Product

Coco’s Taco Truck – Delivery Tracking App

A mobile application designed to allow customers to track their taco orders from Coco’s food truck in real time, view estimated delivery times, and receive notifications about order status.

My Role

UX/UI Designer
Conducted user research (interviews & surveys)
Created personas, user journey maps, and wireframes
Designed high-fidelity prototypes using Figma
Conducted usability testing and iterations based on feedback

Problem

Coco’s Taco Truck received frequent customer complaints about long wait times, uncertain delivery windows, and lack of communication regarding their orders. The current ordering process lacked transparency, leading to frustration and reduced customer satisfaction.

Goal

Design a simple, reliable app that lets customers track their taco deliveries in real time, get updates, and see accurate delivery times—improving trust and overall satisfaction.

User Research

Summary

To understand the needs and frustrations of Coco’s customers, I conducted five user interviews and distributed an online survey with 30+ responses. Participants included regular customers of Coco’s Taco Truck, ranging in age from 20 to 40. The research focused on their food delivery habits, expectations around order tracking, and experiences with mobile ordering systems. Key insights revealed a strong desire for real-time updates, improved delivery communication, and time reliability.

Pain Points

Lack of Order Visibility
Customers had no way to check the status or location of their order after placing it.
Uncertain Wait Times
Delivery estimates were vague or inaccurate, leading to frustration and missed mealtimes.
Poor Communication
Users weren’t notified about delays, changes, or when their order was on the way.
No Customization or Feedback Options
Users wanted to add special instructions or give quick feedback, but the current system didn’t support it.

Persona

Name: Jordan Lee
Age: 29
Occupation: Freelance Designer
Location: New York City, United States
Tech Comfort: High
Bio:
Jordan works remotely and often relies on food delivery between work sessions. As a loyal fan of Coco’s tacos, they frequently order lunch during peak hours but get frustrated when the delivery is late or when there’s no update about their order.

Goals:

Receive accurate and timely delivery updates
Get food while it's hot and fresh
Minimize disruption during work hours

Frustrations:

Not knowing when food will arrive
Interruptions due to delivery uncertainty
No way to check if the delivery is delayed or on track

Problem Statement:
Jordan needs a simple and reliable way to track their taco delivery in real time because they want to better plan their meals around work and avoid the frustration of not knowing when their food will arrive.

User Journey Map

Digital Wireframes

Designed with Figma

Illustrates the end-to-end user flow for ordering and tracking tacos from Coco’s Taco Truck. The app is designed to offer a seamless, mobile-first experience from browsing the menu to tracking delivery in real time.

Low-fidelity Prototype

Designed with Figma

Outlines the core user flow for ordering tacos through Coco’s mobile app. It begins with onboarding and login, moves through product browsing, customization, and checkout, and ends with order confirmation and real-time delivery tracking.

Key Flow Highlights

Screens 1–3:
App launch, sign-up/log-in options, and location permission.
Screens 4–5:
Menu browsing with categories like Today’s Special and Recommended. Users can tap into detailed product views and select spice levels or add-ons.
Screens 6–8:
Cart review and full customization screen → checkout with payment method selection.
Screens 9–10:
Order confirmation (with estimated delivery time and order number) and a final rider tracking screen showing delivery progress and driver info.

Usability Study

I conducted a usability test with three participants who represent the app’s intended users. Participants were asked to complete key tasks including browsing the menu, customizing tacos, and completing an order.

Finding 1

Issue: Users had trouble recognizing when an item was successfully added to the cart.
Observation: All 3 users hesitated or tried re-tapping the button due to a lack of confirmation.

Suggested Fix: Implement real-time feedback (e.g., subtle animations, confirmation text, or a cart icon badge update) to reassure the user of their action.

Finding 2

Issue: The delivery tracking screen lacked emotional engagement or a clear sense of progress.
Observation: Users felt it was too “flat” or generic compared to the rest of the app.

Suggested Fix: Add a delivery progress bar and personalize the rider experience with a photo, name, or estimated stages (e.g., “On the way,” “Almost there”).

Refine Design

Riders Avatar Added
Progress Indicator Bar
Improved Visual Hierarchy

Enhance user trust and engagement by making the delivery process feel more transparent, personal, and reassuring.

Improved click affordance

Increases click confidence, improves task completion rate, and aligns the call-to-action with standard mobile UX patterns for higher usability.

Style Guide

Accessibility Considerations

Clear Text & Labels

All buttons and actions use simple, readable language for easy navigation and screen reader support.

Non-Color Cues

Critical information like spice level and add-ons are labeled with text, not just color, for better inclusivity.

High Contrast & Visual Clarity

Strong color contrast and large, well-spaced tap targets improve visibility and usability for all users.

Takeaways

Designing the Coco’s Taco Truck Delivery App helped me apply end-to-end UX thinking—from user research to interactive prototypes. I was able to create a practical solution that balances usability, personality, and business goals in a food delivery context.

What I learned

Accessibility should be international.
Small interactions build trust.
User insight is everything.

Next steps

Refine microinteractions in the high-fidelity prototype.
Conduct a second usability study with the updated prototype.
Explore developer handoff and accessibility tagging for a real-world implementation.