Entertainment / UI/UX design study

CINEMA

Separate finding, saving, and watching.

Design exploration · No production launch or measured business outcome reported.

EXPLORE THE CASE STUDY ↓

01 / PROJECT COVER

Futuristic OTT streaming experience.

CINEMA introduces a streaming concept for films, series, live TV, and sports through a dark interface with purple accents.

CINEMA — Project cover
Project coverENLARGE ↗

02 / PROJECT OVERVIEW

One place for discovery and entertainment.

The overview presents the product goal, target audience, mobile platforms, and ideas for personalized discovery and offline viewing.

CINEMA — Project overview
Project overviewENLARGE ↗

03 / USER RESEARCH & PAIN POINTS

Understanding how people find and watch.

The research board brings together audience segments and pain points around finding content, downloads, streaming quality, navigation, subscriptions, and device continuity.

CINEMA — User research & pain points
User research & pain pointsENLARGE ↗

04 / USER FLOW & STREAMING EXPERIENCE

From discovery to watching and returning.

The flow connects launch, discovery, content details, playback, downloads, and profile management, with supporting paths for search, watchlists, and viewing preferences.

CINEMA — User flow & streaming experience
User flow & streaming experienceENLARGE ↗

05 / LOW-FIDELITY WIREFRAMES

A clear structure for every viewing task.

The wireframes explore the home, search, details, live TV, downloads, watchlist, player, and profile screens before visual styling.

CINEMA — Low-fidelity wireframes
Low-fidelity wireframesENLARGE ↗

06 / DESIGN SYSTEM & VISUAL DIRECTION

A consistent cinematic interface.

The design board defines the purple and dark color palette, Poppins typography, iconography, controls, surfaces, gradients, and visual effects.

CINEMA — Design system & visual direction
Design system & visual directionENLARGE ↗

07 / HIGH-FIDELITY UI SHOWCASE

The streaming experience, brought together.

The interface showcase presents home, search, live TV, downloads, watchlist, title details, playback, and profile screens.

CINEMA — High-fidelity UI showcase
High-fidelity UI showcaseENLARGE ↗

08 / CORE FEATURES

Finding, saving, and watching with control.

The feature board covers recommendations, watchlists, device sync, downloads, live TV, profiles, parental controls, and search. The portfolio demo focuses on browsing, a watchlist, and a separate offline-preview state.

CINEMA — Core features
Core featuresENLARGE ↗
TRY THE INTERACTIVE CONCEPT ↗

09 / FINAL OUTCOME & IMPACT

A connected experience across screens.

The closing board brings mobile, tablet, and desktop concepts together with the study’s outcome presentation and intended viewing experience.

CINEMA — Final outcome & impact
Final outcome & impactENLARGE ↗

NEXT CASE STUDY

The Raj Pavilion ↗

The Raj Pavilion — Project cover

Case-study board