Designing a Better Checkout Experience
Project Overview
The app allows users to order food from a variety of delicious cuisine directly to their office, as well as provide a way to track their order(s) and suggest meal combinations. The business is specific about its audience, who are the working class citizens. Most users complain about navigation, bad UI, complex checkout, and lack of order tracking. This case study focuses on improving these UX/UI challenges.
Goals and Objectives
- Improve and design a better food tracking experience
- Mobile design approach
- Minimal UI (modern and fresh)
- Easy navigation, fewer user actions
Understanding the Problem
Designed for an emerging chef offering food services to working-class people. The core purpose: "Comfort at your office." The project was broken into modules for detailed attention and solution development.
Research and Analysis
- Competitive analysis of food delivery apps
- Survey of working-class people (ages 23–30)
- Key issues: price discrepancies, unclear delivery times, poor navigation, food quality, complicated menus
User Persona
Persona created from survey and interview data to better understand the target audience and their needs.
User Flows
Defined navigation flow for the app to make ordering easy and memorable. Only 4 clicks needed to order a meal.
User Storyboard and Sketches
Storyboard and sketches helped empathize with the user journey and spot challenges. Several iterations led to a solution for better food tracking.
Wireframing
Low-fidelity wireframes provided a clearer picture of the interface and content structure, connecting screens for a seamless experience.
High Fidelity & Prototyping
Ordering Food
Splash screen, signup, home page, dish selection, sides/drinks, dark/light mode, and custom combos for faster ordering.
Order Tracking
Simple, user-friendly tracking solution. Confirmation screen, order progress, rider tracking, location updates, and call option.