🗓️
6 Weeks | July 2025
1. Redesigning BookMyShow’s Booking Flow for Clarity & Trust
A UX case study focused on improving seat selection, pricing transparency, and personalisation.
This project reimagines BookMyShow‘s seat-selection flow to help users make faster, more confident booking decisions. Instead of leaving users to second-guess fees and seat visibility, the goal was to design a transparent, supportive flow that reduces hesitation and drives checkout conversions.
What You’ll See in This Case Study
You’ll see how my initial hypothesis evolved as I uncovered why users hesitate at the seat map and what that reveals about trust.
I’ll share how my design decisions shaped the final solution why I chose View from Seat and Clear Pricing as the anchor features.
You’ll see how I reorganised the entire flow when I had to redesign seat selection from scratch for clarity and confidence.
And I’ll show how these changes tie back to the business, by reducing drop-offs, improving checkout conversion, and increasing premium seat uptake.
A quick glimpse of the new redesigned experience
Micro‑Highlights:
Immersive seat previews reduce booking anxiety.
AI suggestions help undecided users choose in seconds.
Clearer layout keeps focus on the movie, not the map.
————————————————————————————————————
You can view the full figma file and live prototype here.
Why This Feature Was Needed
The Problem with Booking a Seat
Through observations and interviews, I found a common frustration:
Users often abandon the seat map or switch to counter booking because the process feels unclear and risky.
Frustrations Identified included:
The Common Thread in all this
Booking seats felt like a gamble, not a confident choice. The flow lacked clarity, transparency, and trust — the essentials for repeat use.
————————————————————————————————————
Why It Matters to the Business
When users hesitate, they often drop off at the seat map stage — lost conversions.
Lack of previews means fewer premium seat upgrades.
Surprise fees damage trust and increase refunds or counter bookings.
Globally, platforms like Ticketmaster (2017 Virtual Venue launch) and SeatGeek showed how seat-visualisation boosted conversion and revenue growth.
📊 Global Benchmarks
Ticketmaster (2017) → Virtual Venue launch coincided with a 24% revenue spike and a +1% conversion lift.
5.1% average conversion on Ticketmaster desktop sales, with documentation citing seat maps as a key factor behind recent UX-driven gains.
SeatGeek (2012–2023) → Revenue scaled from $15M → $500M, with a +60% YoY increase in transactions linked to seat previews and streamlined checkout.
Analyst consensus → Interactive seat maps reduce drop-offs by building trust and confidence at the point of decision.
💡 What This Means for BookMyShow
Even a 1% conversion lift = millions of extra bookings at BMS scale.
Premium seats & formats become easier to upsell with seat previews.
Clear pricing + trusted flow strengthens loyalty and reduces refunds.
————————————————————————————————————
Let’s Now Look at the Solution
To make the solution clearer, I broke it down with a user journey.
Here’s how Arjun, a regular user, goes from opening the app → finding a movie → choosing a format → locking in seats.
————————————————————————————————————
Here are some of the important design decisions I made, along with the reasons behind them. These choices shaped the final experience.
DECISION 1: Reframing View-from-Seat
When I first sketched the seat map, I caught myself asking: “Am I designing a booking flow, or just a cool demo to impress myself?” That question became the turning point.
Context
My initial approach was bold: turn the entire seat map into a 3D theatre spin. The assumption was that users would enjoy rotating views and exploring every angle.
But when I sketched it, a question kept nagging:
“Is this helping people book faster — or just a flashy demo?”
The ambiguity wasn’t about the technology. It was about the heart of the flow. If the seat map itself became harder to use, the entire booking experience would stall.
The Turning Point
User inputs and references (SeatGeek, Ticketmaster, Manchester United) revealed a pattern:
✅ People didn’t want spinning theatres — they wanted confidence before purchase.
✅ Anxiety peaked with premium formats: “Is IMAX worth it?”
✅ The real fear was post-purchase regret (“What if my seat has a bad angle?”).
What I thought was a “wow moment” was actually added friction.
The Actual Problem
Without a supportive preview:
Users second-guessed their seat choice.
Drop-offs increased late in the flow, especially before paying higher prices.
The seat map created more doubt instead of resolving it.
The Solution
Shifted the feature from showcase → decision support:
Added a 180° view that only appears after a seat is selected.
Orientation matches real theatres (screen on top), reducing cognitive load.
No tutorials or forced steps — the preview is triggered by user action.
The Result
Seat view worked as a reassurance, not a distraction.
Test users instantly understood it — no explanation needed.
The flow stayed fast and familiar, while adding trust and clarity.
📌 Designer shift: The win wasn’t building a “flashy feature.” It was embedding quiet affordances that supported real booking decisions.
————————————————————————————————————
DECISION 2: Fixing Colour & Icon Confusion
When the seat map finally started coming together, I thought the hardest part was behind me. But testing threw a curveball — what felt obvious to me wasn’t obvious at all to users. Colours and icons I assumed were clear ended up creating hesitation and second-guessing.
Context
I initially borrowed BookMyShow’s familiar colour logic along with a slight addition to match the brand colouring to include the new smart suggesition :
🟩 Green outline = available
🟥 Red fill = selected
⚪ Grey = taken
🔵 Blue outline = smart suggestion
On paper, this looked consistent and brand-aligned. To me, it felt airtight.
But in testing, the mental model didn’t match the legend I designed.
Red screamed “error” to users.
Blue was misunderstood as a restriction, not a suggestion.
The Turning Point
User feedback quickly exposed the gap:
“Red usually means something’s wrong… why is it showing as selected?”
“This view thing… is it only for the blue seats?”
By the third comment, it was clear: it wasn’t them misunderstanding me — I was misunderstanding them.
The Actual Problem
This wasn’t just about colour. The entire communication model failed because
Users brought their own mental shortcuts into the seat map.
My legend clashed with those instincts.
The result: hesitation, confusion, and unnecessary friction.
The Solution
Replaced red with solid green → felt positive and intuitive.
Matched the View-from-Seat icon to the seat state (green) → fewer mental jumps.
Adjusted icon logic → appears only after seat selection, cutting visual noise.
Updated overall palette → closer to real-world expectations, not just brand consistency.
The Result
Testers understood it instantly.
No more double-takes or “Wait, what does blue mean?” moments.
Flow became quieter, cleaner, and confidence-driven.
📌 Designer shift: I learnt that clarity beats cleverness every time. What feels “familiar” to a designer is often just noise to users.
————————————————————————————————————
DECISION 3: Reworking the Home Screen for Personalisation
Fixing the seat map wasn’t the end. It made me step back and look at everything else with fresh eyes. If a single screen could cause so much friction, what about the very first screen users land on the home page? That’s where I realised the problem wasn’t just inside the flow, but right at the start of it.
Context
BookMyShow’s home screen looked polished banners, carousels, trending highlights.
But it didn’t talk to anyone specifically. First-timers, frequent moviegoers, stand-up fans all saw the same promotions.
The Turning Point
Competitive review showed the same pattern everywhere (Ticketmaster, District, Fandango):
Heavy hero banners → same for everyone.
Generic spotlights → little relevance.
No sense of adapting to the user.
That’s when I spotted the gap: Could the home quietly flex?
👉 Spotlight for newcomers
👉 Curated content for loyal users
The Actual Problem
New users were fine with trending content.
Returning users felt unseen, scrolling past irrelevant banners.
The same treatment for all = lost chance to build loyalty.
The Solution
Reworked the hero into two adaptive modes:
Spotlight for You → trending, safe bets for first-timers.
Curated for You → personalised picks from past bookings.
Other tweaks:
Replaced rigid banner with modular cards.
Opened space for concerts, sports, stand-up.
Subtle hierarchy changes → personalisation without being loud.
The Result
Testing showed:
First-timers oriented faster.
Regular users said it felt like a welcome mat, not a billboard.
The principle shifted: from broadcasting → adapting. This same thinking later shaped pricing displays and offers deeper in the flow.
💬 “I’ve booked so many movies here… and this time it actually felt like it knew me.”
————————————————————————————————————
DECISION 4: Showing the Full Price Upfront
Fixing the home screen taught me the value of context. But context isn’t just about what you show it’s also when you show it. That hit me hardest when I noticed confusion a few steps later, on the payment screen.
Context
During usability testing, one user stopped mid-flow and asked:
“Wait… why does the price suddenly jump at payment?”
They weren’t wrong. The seat selection page showed only the base ticket price. Service fees and charges only appeared later during confirmation. Nothing shady, but that gap was enough to break trust.
The Turning Point
I realised the issue wasn’t about high prices. It was about when the full price was revealed. Even I, as a designer, felt that hesitation while booking. If I second-guessed, what chance did users have?
The Actual Problem
Users saw ₹560 at seat selection, then ₹640 at payment.
The “jump” created doubt, even though fees were standard.
Familiar layout logic (“show ticket price first, add fees later”) caused hesitation.
The Solution
I tested two versions:
Full price inside the CTA → showed the complete amount immediately.
Price split with clear label → CTA showed base price, next to it “incl. fees” displayed the real total.
The second approach struck the balance: familiar layout + full transparency.
The Result
Users stopped asking about price jumps.
Trust improved not because the price was lower, but because it matched expectations.
Copy cues like “incl. fees” and mirroring price breakdown across both screens reinforced clarity.
💬 “At least now I know what I’m paying from the start.”
————————————————————————————————————
Once the core design calls were made, I needed to see if they held up in practice:
Did the flow support real user behaviours and not just the “happy path”?
👉 Let’s walk through the User Stories.
User Stories that shapped this design
A regular BookMyShow user finds 40 minutes free after a cancelled plan. They want to catch a movie fast without repeating the full booking flow.
Outcome
✅ The user books in minutes and still makes the show.
✅ Reduced browsing and repeated inputs.
✅ Quick Pay + personalisation transform a stressful rush into a seamless win.
————————————————————————————————————
A group of five friends are booking a late-night movie. At checkout, one friend drops out last minute. Normally, this would mean restarting the whole flow and risking seat loss.
Outcome The flow adapts to real-world hiccups without breaking.
No restarting the booking.
No lost progress.
The group stays together.
👉 “A last-minute drop-out didn’t derail us — we still made the show on time.”
————————————————————————————————————
A group of five friends are booking a late-night movie. At checkout, one friend drops out last minute. Normally, this would mean restarting the whole flow and risking seat loss.
Outcome For first-time IMAX users, uncertainty turns into confidence:
They see exactly what the premium price buys.
No second-guessing before paying extra.
Trust builds, leading to smoother conversions.
👉 “The preview sealed it for me — now I know why IMAX is worth it.”
————————————————————————————————————
The design system I created and followed.
For this redesign, I recreated BookMyShow’s UI components and style guides to stay true to the brand while making the design system reusable and scalable. Every button, card, filter, and layout element was rebuilt with consistency in mind, so the same patterns could be applied smoothly across different flows without reinventing the wheel.”
Components and variants
————————————————————————————————————
Future Scope: Taking BookMyShow Beyond This Redesign
While the redesign addressed core booking pain points, research and testing revealed bigger opportunities worth exploring. Features like personalised recommendations, smarter group booking, and extending seat previews beyond movies can further boost trust, convenience, and engagement. These ideas go beyond “Phase One” but set the stage for BookMyShow’s long-term growth.
Personalised Seat & Format Recommendations
Problem: Casual users hesitate on IMAX/4DX — unsure if it’s worth the premium.
Opportunity: Use past booking data (budget, comfort, seat type) to recommend: → “Closest to your usual spot” or “Best view for budget”.Smarter Group Booking
Problem: Current flows treat group booking as one person’s task → messy if plans change.
Opportunity: Shared session mode with real-time seat locks and nudges (“shift one seat left to stay together”).Extending View From Seat Beyond Movies
Problem: Concerts and gigs rarely show accurate seat layouts.
Opportunity: Let users upload photos → fill gaps, boost transparency, help artists showcase venues at low cost.
————————————————————————————————————
Top 5 Lessons I Gained From This Project
Working on this project gave me practical takeaways about design process, decision-making, and testing. These are the lessons I’ll apply to future work.
1. Clarity Over Cleverness
The “red seat fiasco” taught me that clarity always beats design cleverness. Users don’t need flashy cues — they need signals that make sense instantly.
2. Think in Journeys, Not Screens
A seat map isn’t just UI, it’s a micro-journey that builds or loses trust. I learned to see each step as a beat in a bigger story.
3. Break Chaos Into Reusable Pieces
Building the component library felt messy at first, but once structured it freed me to scale designs faster without firefighting inconsistencies.
4. Listening (Even When It Stings)
Feedback that challenged my assumptions became my biggest growth loop. Pausing to reflect turned critique into a tool, not a threat.
5. Invisible UX Is the Strongest UX
The best flows don’t shout. They quietly guide users without disrupting anticipation, teaching me to design for trust, not just tasks.
————————————————————————————————————
Thanks for reading this far 🙌.
I’d love to hear your thoughts — what resonated, what you’d question, and what you’d do differently. Your feedback will help me sharpen this further.