copy

CASE STUDY

Cinema XXI App Redesign

Reimagining Indonesia's largest cinema chain mobile experience with modern UI patterns and streamlined ticket booking.

Mobile App Redesign Entertainment iOS & Android

ROLE

UI/UX Designer

PLATFORM

iOS & Android

TYPE

Concept Redesign

FOCUS

Booking Flow

Cinema XXI App Redesign

OVERVIEW

The problem

Cinema XXI is Indonesia's largest cinema chain, but their mobile app felt outdated compared to modern entertainment platforms. The existing booking flow required too many steps, the movie discovery experience was generic, and the seat selection interface was confusing on smaller screens.

I redesigned the complete mobile experience with a focus on three key areas: intuitive movie discovery, streamlined booking, and an engaging seat selection experience.

DESIGN APPROACH

Key improvements

Visual Movie Discovery

Replaced text-heavy lists with immersive movie cards featuring trailers, ratings, and genre tags. Users can swipe through Now Showing and Coming Soon with rich visual previews.

3-Step Booking Flow

Reduced the booking process from 7 steps to 3: Choose showtime → Select seats → Pay. Each step fits on one screen with no scrolling required.

Interactive Seat Selection

Zoomable seat map with pinch-to-zoom, color-coded availability, and smart seat suggestions based on group size. Screen position preview shows viewing angle.

Smart Showtime Picker

Horizontal date picker with real-time availability indicators. Showtimes grouped by cinema location with distance, format (2D/3D/IMAX), and price visibility.

Digital Ticket

QR-code based entry with wallet integration. Includes movie details, seat info, and cinema directions — everything needed at a glance.

KEY SCREENS

App screens

Home Screen

Home Screen

Movie Detail

Movie Detail

Seat Selection

Seat Selection

NEXT PROJECT

Mortgage Needs Dashboard →

Financial services platform for mortgage advisors