RedBus App Redesign
Reimagining bus travel booking through empathy and clarity
Add hero image for RedBus App Redesign
public/images/projects/01-redbus-hero.jpg
Category
UX/UI Design
Role
UX/UI Designer
Duration
3 months
Tools
Add research / discovery image
public/images/projects/01-redbus-research.jpg
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:
- Comparing buses across search results
- Understanding seat class and layout
- 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.
Add wireframes / process image
public/images/projects/01-redbus-wireframes.jpg
Wireframes & design process
Add final design / screens image
public/images/projects/01-redbus-final.jpg
Final design