All Work
UX ResearchUI DesignMobile AppRedesign
2024

RedBus App Redesign

Reimagining bus travel booking through empathy and clarity

Category

UX/UI Design

Role

UX/UI Designer

Duration

3 months

Tools

FigmaAdobe Illustrator

Research & discovery phase

Overview

The RedBus mobile application serves millions of users booking intercity bus travel across India. Despite its popularity, the app presented significant usability challenges: confusing navigation patterns, ambiguous time formats, and a lack of trust indicators that left users uncertain during the booking process.

This project is an end-to-end UX redesign — from initial research through to a polished, high-fidelity UI — aimed at creating a simpler, clearer, and more trustworthy booking experience.

Problem Statement

Users find it difficult to confidently complete a bus booking because the interface is cluttered, time formats are inconsistent, and there are no clear indicators of seat quality, operator reliability, or cancellation policies.

Using the SCAMPER method, I identified opportunities to Substitute confusing UI patterns, Combine related information clusters, Adapt navigation to mental models, Modify information hierarchy, Put existing features to better use, Eliminate redundant steps, and Reverse the order of trust-building interactions.

Research Phase

Background Study

I began with a literature review of UX research on travel booking apps, studying academic references on cognitive load, decision fatigue, and trust in digital transactions. This gave the redesign a research foundation beyond intuition.

User Research

I conducted user interviews and surveys with regular bus travellers to understand:

  • How they currently search for and compare bus options
  • What information they need at each step of the booking journey
  • Where they abandon the flow and why
  • What would make them trust an operator or seat rating

Competitive Analysis

I analysed competing apps — MakeMyTrip, AbhiBus, and ixigo — evaluating their booking flows, information hierarchy, seat selection UI, and trust signals. This revealed industry gaps that the redesigned RedBus could address.

Heuristic Evaluation

Applying Nielsen’s 10 Usability Heuristics to the existing RedBus app, I identified 14 distinct usability violations — from inconsistent iconography to missing error recovery options and buried cancellation policies.

Defining Users

Personas & Empathy Maps

From the research, I developed two primary personas:

  • Frequent Commuter: travels weekly, values speed and reliability, frustrated by slow search results
  • Occasional Traveller: books 3–4 times a year, needs hand-holding through the process, concerned about cancellation and refunds

Empathy maps for each persona revealed emotional triggers — anxiety around seat availability and trust doubts around unknown operators — that directly shaped design decisions.

Customer Journey Map

Mapping the full booking journey (Search → Browse → Select → Review → Pay → Confirm) exposed three high-frustration moments:

  1. Comparing buses across search results
  2. Understanding seat class and layout
  3. Reviewing the final fare breakdown before payment

Information Architecture

I restructured the app’s content hierarchy through:

  • User flows for primary (book a ticket) and secondary (manage booking, cancel) paths
  • Task flow diagrams for each micro-interaction
  • Navigation redesign: collapsing the bottom nav to 4 core tabs — Search, Trips, Offers, Account
  • Taxonomy and labelling: standardising all time formats to 12-hr AM/PM, replacing icon-only labels with icon + text pairs

Interaction Design

Wireframes & Sketches

I started on paper — sketching the search screen, results list, seat selector, and checkout flow across dozens of iterations. Key layout decisions:

  • Prominently surface operator rating and amenities on the results card
  • Show live seat availability as a visual seat map thumbnail on the results list
  • Surface cancellation policy in plain language at the point of seat selection, not buried in FAQs

Storyboards

Storyboards helped validate the emotional arc of the booking journey — ensuring that each screen transition reduced anxiety and built confidence.

Micro-interactions & Error States

I designed deliberate micro-interactions for:

  • Seat selection confirmation (haptic-style feedback animation)
  • Date picker with clear unavailable state styling
  • Form validation with inline, non-blocking error messages
  • Loading states that communicate progress, not just waiting

Final Design

The redesigned RedBus experience delivers:

  • Unified search results card: operator rating, departure/arrival in clear AM/PM format, price, and key amenities at a glance
  • Integrated trust signals: operator reviews, cancellation window, and refund policy surfaced at the right moment in the flow
  • Visual seat map: an accessible, colour-coded layout that makes seat selection intuitive
  • Streamlined checkout: a 3-step flow (Review → Payment → Confirm) with a persistent fare summary sidebar
  • Clear hierarchy: generous whitespace, strong typographic contrast, and a consistent icon library

Reflection

This project sharpened my ability to balance research rigour with design intuition. The most impactful insight was how much anxiety users carry into a travel booking — and how small design decisions (a visible cancellation policy, a clear refund badge) can dramatically shift their confidence. Every design decision in this project can be traced back to a specific user need.

Wireframes & design process

Final design