Movie Picker

In collaboration

ECAL

Year

2026

Pick your movie by its lines

Overview

Cue is a high-fidelity selection component that lets you choose a film by its dialogue instead of posters or trailers. It reads like a script and is framed like a movie ticket — Courier type, black slug bars, and blue marks for the words you can tap.

Service

UI Design

Micro-interaction

Atomic Design System

Content

Duration

4 Weeks

The Challenge

Choosing a film is exhausting — posters and trailers oversell, reviews spoil. But the one thing that truly carries a movie's vibe is its dialogue: the lines a character says give away the tone, the world and the feeling. The design question — can you pick a film strictly by its lines?

The Solution

A picker where dialogue is the interface, backed by a film-and-quote database with an LLM lens and sort. Browse iconic lines, swipe to like, tap a word to set a lens, drag to rank, and reveal your match. Every gesture is choreographed for seamless, tactile interaction, and the whole thing is built as a strict atomic design system — tappable word → dialogue line → cells → the full picker — with one documented styleguide (colour + Courier type).

The Result

A complete, high-fidelity functional prototype and a documented atomic styleguide — one rigorous visual voice across every state. The choreographed micro-interactions (dwell-scroll, swipe, lens, rank, reveal) make choosing feel like reading a script, and the reveal frames your pick like a ticket: "Now Showing".