Letterboxd UX Teardown: How the Film Browser Labels Itself
UX WritingTYPENORMLabs5 minOctober 11, 2026

Letterboxd UX Teardown: How the Film Browser Labels Itself

Letterboxd's genre filter reports its result in a plain sentence, "There are 320,379 dramatic films." Elsewhere on the same signed-out browse path, stat icons carry no labels, a weekly ranking drops the word "week" after one click, and one list goes by two names.

After you pick Drama from Letterboxd's Genre menu, the line above the poster grid reads "There are 320,379 dramatic films." One click earlier, on a grid reached from a link called Popular Films This Week, the same line said "There are 1,254,651 films." and the week had gone from the page.

1 / 8

Film discovery hub

A signed-out viewer sees Letterboxd's browse dimensions above a poster grid of films popular this week.

View full flow (8 screens)

The path starts at Films in the top navigation and goes through the popular-this-week grid, the Genre menu, the Primetime film page, the Lists hub and the official Top 500 list, first as a grid and then as a ranked list. It was captured signed out on 1 October 2026, in the English interface at 1440×900, over a Brazilian connection. That connection accounts for the Portuguese Adobe banners at the bottom of six of the eight frames. No hover states, menus other than Genre, or trailers were opened, so where a label might be explained by a tooltip or menu, this capture can't show it.

Three numbers with icons and no words

Films opens with a row of six Browse by dropdowns (Year, Rating, Popular, Genre, Service, Other), a Find a Film box, and a carousel of four large posters headed Popular Films This Week. Under each poster are three numbers. Primetime's read 421K next to an eye, 88K next to a four-square grid and 145K next to a heart.

Regular members will read those as watches, list appearances and likes. A first-time visitor gets icons and nothing else, on the page where the community's numbers are the main thing on offer. Further down, a "Just reviewed…" strip carries the site-wide total, 4,015,689,322 films watched, with the word "watched" spelled out. Between the two sits a full-width Letterboxd Pro banner.

The popular grid without "this week"

Following Popular Films This Week opens a poster grid twelve across. The heading is Films. The line under the controls says "There are 1,254,651 films." The sort says Sort by Film Popularity. Primetime is in the top-left slot.

"This week" is only in the address bar now, /films/popular/this/week/. The page doesn't say the order covers seven days, and the count is the whole catalogue. The control row has changed too: Decade, Genre, Service and the sort, where the Films page had Year, Rating, Popular, Genre, Service and Other.

The grid shows posters only, so a title is readable only when the poster art prints it large. The fifth poster in the first row is a mustard field with nothing legible on it at this size.

The Genre menu and the count line

Genre opens a short panel over the grid: Any genre, then nineteen genres from Action to Western. The posters stay visible around it.

Choosing Drama changes the control's own label to DRAMA, so the active filter is printed where the control was. The count line changes to "There are 320,379 dramatic films." Decade, Service and the sort stay as they were, and Primetime keeps the top-left slot.

Popular dramas this week
Popular dramas this week — The selected genre replaces the generic control label and redraws the poster grid while preserving sort, service and decade filters.

That line is the best piece of interface in the flow. It states the filter and the result in one sentence of plain English, and the bold marks exactly what changed. It's also the pattern the popular grid needed one screen earlier.

A film page with one gated button

Primetime's page leads with a wide still behind the navigation, then the poster, title, year (2026), director (Lance Oppenheim), a small-caps tagline and a four-line synopsis. A side panel holds two buttons, "Sign in to log, rate or review" and Share, above a ratings histogram with a 3.7 average and a count of 1.3K fans.

Film detail and community signals
Film detail and community signals — A film page combines a cinematic backdrop, synopsis, poster, rating distribution and signed-out actions in one evaluation surface.

Title, director, synopsis and the 3.7 average are all readable signed out. The Sign In and Create Account links stay in the top navigation, as they do on every frame of this path, but no page puts a wall or an interstitial in front of the content. The gated button says exactly what signing in would unlock. There's no watchlist button on this frame for a signed-out visitor. An inline Adobe ad sits under the synopsis, with the bottom banner below it.

The Lists hub and a list with two names

The Lists hub opens on "Collect, curate, and share. Lists are the perfect way to group films." and a Start your own list button. Three featured lists follow, each a strip of five posters with a title and a creator: Top 500 Narrative Feature Films and Most Fans on Letterboxd from Official Lists, and One Million Watched Club from a member called Alexander. The Pro banner comes back before a Popular This Week row of member lists.

The card says Top 500 Narrative Feature Films. The page it opens is titled Letterboxd's Top 500 Films.

The Top 500's method sits above its first rank

The list page credits Official Lists and Dave Vis and says "Updated 3 days ago". It opens with the method (as of 28 September 2026, narrative features ranked by average member rating), then a changelog of two films in and two out, then eligibility rules beginning with a 25,000-rating minimum. The sidebar shows 434,579 likes, a Stats button and "Sign in to create or like lists".

Ranked list detail
Ranked list detail — An official collaborative list explains its methodology and recent changes before presenting numbered films in a dense grid.

The changelog earns its place on a list built from a formula. It also pushes number one below the fold. In the Grid layout on a 900-pixel window, the first screen holds no ranked film at all.

Switching to List and scrolling past the method gives the rows: 1. Harakiri (1962), 2. The Human Condition III: A Soldier's Prayer (1961), 3. 12 Angry Men (1957), 4. Come and See (1985). Each row is a small poster with rank, title and year on one line, and the rest of the row's height empty, probably room for list-author notes that this list doesn't use. The frame fits four and a half films, so 500 of them in this layout run past a hundred screens.

What we'd change

Copy the count line's habit to the rest of the path. Head the popular grid "Popular this week" and have its count line name the window the way the Drama line names the genre. Put a word next to each of the three stat icons on the Films page. Give the Top 500 one name on the card and the page. Fold the method and changelog under the title so the first ranks show on arrival, and let the List layout close up its rows when a list has no notes.

Further reading

The UX Clarity framework has a check for whether a page tells visitors what state it's in, and that check is part of every Full UX Audit.

Apply for a Full UX Audit →

See Letterboxd in the catalog

Step through Letterboxd's flows screen by screen.

Open Letterboxd →

Free UX Snapshot for 50 Product Teams

Apply now and get a complimentary UX Snapshot — our rapid clarity audit delivered in 48 hours. Limited to the first 50 products.

Apply for Free UX Snapshot

Comments

Loading comments…

Related

Information Architecture

Zoom UX Teardown: From Meetings to Webinars Through the Products Menu

A UX teardown of Zoom's public Meetings and Webinars pages: prices in the Meetings hero, Webinars filed under Sales & Marketing, and a Webinars hero that asks for a sales call above three plans, each with its own Buy now button and the same 500-attendee cap.

TYPENORMLabs · 5 min · October 16, 2026

SaaS
Web
Information Architecture
Zoom UX Teardown: From Meetings to Webinars Through the Products Menu

Information Architecture

Twitch UX Teardown: Which Filters Survive a Tab Change

On Twitch's VALORANT directory, an English + Esports filter set survives the switch from Live Channels to Videos only in part: the Language badge comes along, the Esports chip doesn't, and nothing on the page says so.

TYPENORMLabs · 5 min · October 9, 2026

Web
Gaming
Information Architecture
Twitch UX Teardown: Which Filters Survive a Tab Change

AI Interaction

Perplexity UX Teardown: Who Is Behind the Citation Chip

A UX teardown of Perplexity's signed-out search: an answer whose citation chips show one domain and a +1, a Sources panel that fits two of ten sources, and a Links tab where three of the first six results sit on display makers' own sites.

TYPENORMLabs · 4 min · October 15, 2026

SaaS
Web
Conversational
Perplexity UX Teardown: Who Is Behind the Citation Chip