MOBILE APPCONCEPT PROJECT

Yellow Taxi

A faster, more reliable and user-friendly way to get around the city.

View prototype
Choose location
Live ride
ROLE
UX/UI Designer
PLATFORM
iOS · Android
INDUSTRY
Mobility
STATUS
Concept
01OVERVIEW

A taxi experience designed around real everyday rides.

Yellow Taxi is a mobile app concept that explores how taxi booking can feel faster, clearer and more flexible without making the core experience more complicated.

Beyond choosing a destination and requesting a ride, the experience considers the practical details that often shape a real journey — travelling with a pet, carrying extra luggage, communicating with the driver, tracking their arrival and choosing how to pay.

I designed the product end to end, from the main user flow and screen structure to the visual interface, reusable components and an interactive Figma prototype.

Yellow Taxi app — three key screens
02THE CHALLENGE

Keeping a simple journey simple even when every ride is different.

Booking a taxi looks like a straightforward task: choose a destination and request a ride. But real journeys often come with additional needs that can quickly add complexity to the experience.

A passenger may be travelling with a pet, carrying more luggage than usual, trying to coordinate an exact pickup point or needing to contact the driver before arrival. Payment preferences and ride information also need to remain clear throughout the journey.

The challenge was to support these different situations without adding unnecessary steps or overwhelming users who simply want to book a ride as quickly as possible.

  • Complex booking flow
  • Lack of real-time information
  • Unclear meeting points
  • Inconsistent user experience
03GOALS

A smoother, more transparent experience

Make booking faster and easier
Provide real-time tracking and clear ETAs
Increase trust and transparency
Create a scalable and consistent design system
04MY ROLE & SCOPE

End-to-end UX/UI design

I was responsible for the complete design process — from initial UX research and user flows to wireframes, high-fidelity UI, interaction details, an interactive prototype and a scalable design system.

Working solo on the project meant making decisions across every layer — information architecture, visual language, component structure and micro-interactions — while keeping the experience simple, consistent and easy to hand off.

MY RESPONSIBILITIES
  • UX research & analysis
  • User flows
  • Wireframing
  • UI design
  • Interaction design
  • Design system
  • Prototyping
TOOLS
  • Figma
05PROCESS

From insights to a polished product

01
Research & analysis
02
User flows & IA
03
Wireframes & testing
04
UI design & iterations
05
Design system & components
06
Final prototype & handoff
06KEY FEATURES

Everything you need for a smooth ride

Quick booking
Set your pickup location, choose your destination and get a ride in seconds.
Quick booking
Real-time tracking
See your driver on the map and get accurate arrival times.
Real-time tracking
Multiple payment options
Pay with cash, card or a digital wallet.
Payments
Ride history
Easily access your past rides and receipts.
Ride history
07KEY DESIGN DECISIONS

Small details, big impact

Meet at the right spot
Clear pickup instructions reduce confusion and make it easier to find your driver.
Driver info up front
Showing driver details early builds trust and helps users feel more in control.
Simple, focused flow
A cleaner booking flow with fewer steps leads to faster and more confident ride requests.
08DESIGN SYSTEM

A clean and flexible foundation

Colors
Warm yellow, deep charcoal and a few functional accents.
Typography
Roboto Flex, used in Regular and Semi Bold.
Aa
Roboto Flex
Semi Bold 24Titles
Semi Bold 18Subtitles
Regular 16Body
Regular 12Caption
Components
Ride actions, destination input, ride-type selector and driver rating — built as variants.
Book a ride
Continue with Google
Where to?→
Standard Premium XL
★★★★☆ 4.8 · Driver rating
Icons
Custom icon set of 59+ glyphs.
09INTERACTIVE PROTOTYPE

Try the full experience

Explore the interactive prototype and go through the main user flows below.

Loading prototype…
10RESULTS

A complete experience built around the entire ride journey.

Yellow Taxi evolved into a complete end-to-end mobile product concept covering the journey from choosing a destination and customizing the ride to tracking the driver, communicating during pickup, completing payment and leaving feedback.

Alongside the final interface, I created a reusable component system and an interactive Figma prototype that connects the main flows and demonstrates how the product behaves across different ride scenarios.

The final result balances a fast and simple core booking experience with enough flexibility to support the situations that make everyday rides different.

  • Complete end-to-end user flow
  • Interactive Figma prototype
  • Scalable design system created
  • Consistent UI across 40+ screens
11WHAT I LEARNED

Designing for different situations doesn't have to make the product more complicated.

One of the main things I learned through this project was that simplifying an experience does not always mean removing features or options. The bigger challenge is deciding when those options should appear and how much attention they should receive.

Features such as pet-friendly rides or extra luggage should be easy to find when they are relevant, without adding friction for passengers who do not need them.

Working across the complete flow also helped me think beyond individual screens. Building reusable components, defining states and keeping interaction patterns consistent made it easier to maintain a clear experience as the product grew.

✕
←→navigateEscclose