Why booking a bus ticket
feels like punishment
Most people don't avoid bus travel because they hate buses — they avoid it because booking one is genuinely stressful. Existing platforms are cluttered with ads, buried in unnecessary steps, and designed to extract maximum information rather than deliver a ticket. The result? People abandon their booking halfway through, or worse, call an agent to do it for them.
TravelNow was designed as a mobile-first bus ticket booking app built around one principle: get the user from "I need a ticket" to "ticket confirmed" in the fewest possible taps, with zero anxiety along the way.
"Users don't want a bus booking app. They want a ticket — with as little friction as humanly possible between thought and confirmation."
— Core design premiseWho's actually booking
bus tickets?
Before designing a single screen, I spent two weeks understanding real travellers. I conducted 8 in-depth interviews with frequent intercity bus travellers, analyzed 5 competitor apps (RedBus, Abhibus, Ixigo, Paytm, MakeMyTrip), and ran a survey of 45 users who had booked a bus in the past 3 months.
The #1 reason people abandoned bookings wasn't price — it was decision fatigue. Sorting through 40+ buses with no clear filtering, then picking from 50 seats in a confusing layout, then re-entering the same passenger details they'd typed 100 times before. Users wanted speed and clarity, not endless choice.
Priya's frustration boiled down to three needs: fast search → easy seat selection → zero re-entry of passenger details. Every extra tap was a tax on her time.
Framing the right
design questions
With research synthesized into affinity maps and user journey maps, I identified four core problem spaces and translated them into "How Might We" statements.
Pain points identified:
- Invisible differentiation — 40 buses look identical at a glance, no obvious "best" choice
- Seat selection hell — layouts are confusing, already-taken seats aren't obvious, takes 2+ minutes
- Repetitive data entry — typing name, age, gender, phone every single time despite booking 20+ times
- Trust issues — unclear cancellation policy, hidden fees, fake seat availability
- Post-booking anxiety — no easy way to track bus location or get reminded before departure
How Might We questions:
"Every tap is a tax. Every second of confusion is compounding interest. Design for the user who's booking from a moving auto-rickshaw with 10% battery left."
— Design principle established at this stageFrom 40 rough ideas to
3 core flows
I followed a double-diamond process — diverging wide with sketches before converging on the highest-impact solutions. The first ideation round produced over 35 rough flows across onboarding, search, seat selection, and payment.
| Decision | Rationale | Tested? |
|---|---|---|
| Dark theme with teal accent | Reduces eye strain for night travellers (most bookings happen 8pm–11pm). Teal pops against dark without feeling aggressive. | Yes |
| Search bar front and center on home | Users open the app with one goal: book a ticket. No feature discovery, no upselling — just search. | Yes |
| Bus cards show "Best Price" badge | Eliminates decision paralysis. If price is the top criterion (it is for 82% of users), show them the winner immediately. | Yes |
| Seat layout uses color-coded legend | Available (empty), Selected (teal), Booked (navy), Ladies (red). Instant visual scanning, no reading required. | Yes |
| Auto-fill passenger details | After first booking, name/age/gender pre-populate. Saves 45 seconds per booking — massive win for frequent travellers. | Yes |
| Floating filter button on search results | Lets users refine without scrolling back to top. Bus Type, Duration, Amenities accessible anytime. | Yes |
What TravelNow actually
looks like
TravelNow was designed around three core screens that represent the user's mental journey: Search → Select → Confirm. Every screen answers one question and gets out of the way.
Goal: Get the user searching in under 3 seconds. No distractions, no upsells — just the inputs needed to find a bus.
- Greeting & personalization — "Hi Swayam" + notification bell creates a sense of return, not a cold transaction.
- Single-purpose hero section — "Looking for a ride?" with 4 required fields (From, To, Departure, Return, Passengers). Swap button in the middle for quick reverse trips.
- Date pickers with visual calendar — Best Price / Most Booked indicators on dates help users pick smartly without leaving the modal.
- Passenger count slider — Clean 1–10 range with "Older than 2 years should buy a seat" guidance eliminates confusion about child tickets.
- Best Deals carousel — Only shown after search button. Personalized to Bangalore (user's location) with actual destination images, not stock photos.
- Bottom nav with 4 icons — Home, My Bookings, Help, Account. Standard pattern, zero learning curve.
Goal: Show 20+ bus options without overwhelming the user. Surface the best choice, make filtering effortless.
- Sticky context header — "Bangalore - Chennai | Sun, 02 Jan | 1 Adult" reminds users what they're looking at without scrolling back to top.
- Bus cards with smart hierarchy — Operator name (VHP Travels), bus type (AC Sleeper), seat availability (25 Seats / 7 Single), departure & arrival times, duration (06h 20m), and price (INR 2,699) all scannable in under 2 seconds.
- "Best Price" visual badge — Callout on the cheapest option eliminates the mental math of comparing 15 prices.
- Floating "Filter" button — Bottom-right persistent button opens Bus Types, Duration, Amenities modal without leaving the page.
- Book Now CTAs — Teal button on every card. High contrast, unmissable, always within thumb reach.
Goal: Make picking a seat feel instant. Use color, not text labels, to communicate seat state.
- Visual legend at the top — 4 seat states: Available (white outline), Selected (teal fill), Male (navy), Female (red). No ambiguity, no reading required.
- Bus layout grid with driver icon — Steering wheel icon at top orients the user. 2-column seat layout (left/right aisle) mirrors real bus seating.
- Gender-coded occupied seats — Shows which seats are taken by male/female passengers. Critical for solo female travellers who prefer sitting next to another woman.
- Tap-to-select interaction — Single tap changes seat from white outline → teal fill. No checkboxes, no "Select" button, zero cognitive load.
- Sticky bottom "Confirm Seat" button — Always visible. Shows selected seat number (Seat 13) so user never loses track.
The passenger info auto-fill was the single highest-impact feature from usability testing. After one booking, the app pre-populates name, age, gender, and phone number. In tests, this reduced booking time by 47% and increased completion rate by 34%. Users called it "finally, someone gets it."
Did it actually work
in the wild?
I ran two rounds of usability testing with the high-fidelity Figma prototype — a moderated in-person session with 6 participants (Round 1) and an unmoderated remote test with 10 participants (Round 2) after applying fixes.
What I learned &
what comes next
Every project teaches you something you couldn't learn from a textbook. TravelNow reinforced a principle I now apply everywhere: friction isn't neutral — it's compounding. Every extra tap, every unclear label, every moment of "wait, where am I?" adds up. Users forgive one moment of confusion. They don't forgive five.
- Speed is a feature — users will choose a "good enough" bus over the perfect one if booking is 2× faster
- Color is faster than text — seat selection via color legend tested 3× faster than text labels
- Auto-fill isn't lazy design, it's respect for the user's time and sanity
- Filter placement matters — floating buttons work but need visual weight to be noticed
- Dark themes aren't just aesthetic — they genuinely reduce eye strain for users booking at night
- Live bus tracking — GPS integration so users can see exactly where their bus is
- Smart reminders — push notification 2 hours before departure with boarding point map link
- Group booking flow — currently designed for 1-2 passengers, needs separate flow for 5+ group trips
- Cancellation self-service — let users cancel & get refund without calling support
- Accessibility audit — WCAG AA compliance, especially for color-blind users on seat selection