Case Study ยท Qube Cinema Technologies

Designing the System Behind Justickets

Leading the shift from one-off feature work to a scalable design system for a movie-ticketing app used by over a million people.

RoleProduct Designer
TimelineAug 2022 โ€“ Jan 2023
PlatformMobile App & Web
1M+
Downloads
+20%
User satisfaction
Justickets home screen
The Strategic Problem

Justickets was growing as a feature-driven product. Each addition, including offers, food and beverage ordering, Moviebuff content integration, and special screening messages, was designed in isolation. This created inconsistency, duplicated components, and friction between design and engineering.

The real problem wasn't the features. It was the underlying fragmentation that would slow growth and make scaling impossible without losing quality.

Rather than treat each feature independently, I approached this as a systems problem. I audited existing experiences across app and web, identified repeated patterns, and used that analysis to build a reusable design foundation.

My Approach

Systems First, Features Second

Before building the next feature, I made the case to shift the team's process in three stages.

01 ยท AUDIT & SYSTEMATIZE

Map what exists

Reviewed flows across the booking journey to find repeated patterns, redundant components, and reusability gaps.

02 ยท DEFINE STANDARDS

Build the source of truth

Created a design system, including buttons, inputs, cards, spacing, and interaction states, aligned with Qube's broader guidelines.

03 ยท ENFORCE QUALITY

Own the full lifecycle

Validated the experience personally, pre- and post-launch, instead of handing off and moving to the next task.

What Changed

From scattered screens to a coherent product

Seat Selection & Payment

Redesigning the highest-stakes journey

Refined spacing, hierarchy, and seat-state clarity (available, selected, reserved, blocked) across the booking flow. This became the system-level standard for every transactional screen after it.

Seat selection screen
Food & Beverages

A new flow, built on the system

Designed in-app snack ordering from scratch and folded it into checkout using the same component patterns as the rest of the app, with no isolated, one-off screens.

Food and beverages screen
Payment Summary

Clarity at the moment that matters most

Simplified the final review screen, including ticket details, pricing breakdown, and contact info, so users could confirm a purchase with confidence and no surprises.

Payment summary screen
Offers & Promotions

Engagement without breaking consistency

Built promotional surfaces and offer pages that drove engagement while staying inside the same visual language as the core booking flow.

Offers screen
Design System as Organizational Leverage

One system. Three perspectives.

The real value of the system wasn't aesthetic consistency. It was organizational speed.

For Designers

Clear standards meant faster decisions and fewer back-and-forth review cycles.

For Engineers

One source of truth eliminated ambiguity and made implementation predictable.

For Product

Predictable shipping velocity meant feature planning became more reliable.

Ownership Through the Full Lifecycle
Pre-Launch Testing
  • Spacing and layout issues across the booking flow
  • Seating grid rendering problems
  • Movie card display inconsistencies
Post-Launch Validation
  • Payment flow issues caught in production
  • Language selection bugs
  • Card rendering issues needing fast design to engineering fixes
Results

Measurable impact, sustained quality

20%
Increase in user satisfaction
4
Major features shipped on the system
1M+
Downloads, still live in production
โˆž
Design culture shift across Qube
"
Reflection

What this really taught me

When I started on Justickets, I thought the work was about making screens that looked good. Over that year, I realized it was about something larger: building foundations that let other people do their best work.

Designing a component system isn't glamorous. It's thinking ten steps ahead, anticipating where teams will get stuck, and removing friction before it becomes a problem.

I also learned that shipping at scale means sitting with your work after it's live. Testing it myself, finding the bugs before users do, and caring whether the spacing feels right in real light on a real device. That's not QA. That's ownership.

The best design isn't always the most beautiful one. It's the one that ships reliably, scales without breaking, and gives the people using it, and the teams building for them, clarity and confidence.

Key Insight

Designing for scale, not just for screens

Designing at scale isn't about creating individual screens. It's about building systems that enable teams to move faster, maintain quality, and deliver consistent experiences as products evolve.

Product Designer @ Qube Cinema Technologies

View Live on Google Play โ†’