Selected Works CineGate  ·  Case study
Cinema Booking Platform · 2023

CineGate

From poster to seat in seconds.

ResearchWireframingUI DesignPrototypingWeb
RoleProduct Designer
PlatformResponsive Web
Year2023
ToolsFigJam, Miro, Figma
CineGate cover
Overview

CineGate is a cinema booking platform where users explore movies in theatres, discover upcoming releases, and buy tickets seamlessly. With integrated seat selection and a secure checkout flow, it makes the cinema experience smooth and enjoyable.

The challenge

Traditional cinema sites overwhelm users with cluttered layouts, long forms, and confusing navigation — leading to frustration and abandoned ticket purchases.

The closer a user is to paying, the less you can afford to make them think.
Goals
1

Provide clear discovery with In Theatres and Coming Soon

2

Enable quick and intuitive seat selection

3

Ensure a secure, frictionless checkout

4

Offer a modern, engaging experience with strong visuals

Target audience
Primary

Moviegoers aged 16–45 who frequently book tickets online.

Secondary

Families and groups who want easy seat selection and secure payments.

Pain points

Overly complex booking flows in existing apps

Hard to find upcoming movies or local schedules

Seat availability and pricing lack transparency

Unclear purchase confirmation and ticket retrieval

Process
01

Discover

Stakeholder interviews, user research, and an audit of the current experience to understand the real problem.

02

Define

Synthesizing findings into clear problems, user goals, flows, and the information architecture.

03

Design

Wireframes to high-fidelity UI, built on a component system and refined through iteration.

04

Deliver

Prototyping, usability testing, and a documented hand-off engineering can build from confidently.

Key screens
CineGate – Home
Screen 1

Home

Featured movies with In Theatres and Coming Soon carousels for a cinematic discovery experience.

CineGate – Seat Selection & Payment
Screen 2

Seat Selection & Payment

An interactive seat map shows availability and updates price instantly. A streamlined payment form and reassuring confirmation complete the flow.

All screens

6 screens from the final design — tap any to enlarge.

Reflection

Prototyping the seat-map and checkout interactions early let us feel the friction before building, so motion became a wayfinding tool rather than a finishing touch.

Next project

DOA