Web app · Cinema chain

Kadr — ticketing for a cinema chain

A web app where a viewer picks a city, film and showtime, chooses a seat on an interactive hall map and keeps tickets in a personal account.

Type
Web app
Niche
Cinema chain
Stack
Next.js · GSAP · Lenis
Kadr
Kadr — Web app · Cinema chain
The task

What the app had to solve

Buying a ticket is several steps in a row, and people drop off at each one: a confusing schedule, a tiny hall map on a phone, a long sign-up.

The app had to make that path short: a clear schedule, a hall map that works with a finger and a quick sign-in with a code.

The solution

What the app does

01

Showtimes

Filters by city, cinema and date, genres and formats, a week of showtimes ahead.

02

Seat picking on a map

An interactive hall map with seat types and prices, comfortable on a phone too.

03

Sign-up with a code

Sign-in and sign-up confirmed with a code — no long forms.

04

Personal account

Tickets and purchase history in one place.

05

Two languages

Ukrainian and English interface.

Screens

How it looks.

Kadr
Kadr — screen 2
Kadr
Kadr — screen 3
Technology

How it’s built

Next.js with TypeScript, GSAP animations and Lenis smooth scroll. A static build — the listings and film pages load instantly.

  • Next.js
  • GSAP
  • Lenis

Who a project like this suits

Cinemas, theatres, concert venues — anyone selling seats from a map or booking people for a set time.

A similar project

Need a site like this for your business?

Built for your brand, copy and goals. The price and timeline are fixed before work starts.

Custom project · On request

More work

See more.

Contact

Let’s build something that sells.

Tell me about your project — you’ll get an answer with a price and timeline within a day.

What do you need?
Budget

By sending the request you agree to the privacy policy.