What’s Next?
A film and TV tracker that answers one question well: what should I watch next, and when does the next thing I care about come out?
- Client
- What’s Next? (our own product)
- Year
- 2026
- Role
- Product, design, front-end
- Scope
- Installable web app
- Stack
- React · Vite · TMDB API · PWA
01 / The problem
Streaming apps show you a wall of posters. Choosing still takes longer than the episode.
What’s Next? is a product we make and run ourselves. It keeps your watchlist, tracks the shows you follow and puts every upcoming release in a personal calendar, across all your services.
The home screen does the choosing for you: one pick at a time, based on what you have watched. Not interested? Show another, mark it as seen, or tell it “not for me” so it learns.
02 / The system
Near-black, one red, glass on top.
A cinema-dark palette lets the poster art carry the colour. One red, used as a gradient, marks the action that matters on each screen and the active tab in the dock. A geometric display face sets titles and ratings; a soft, round sans keeps the synopses easy to read.
Colour
- Black#020202
- Surface#141415
- Raised#27272A
- Muted#A1A1AA
- White#FFFFFF
- Red#DC2626
Type
- Display
- Space Grotesk
- Body
- Outfit
Corners
8–24 px
03 / The build
An app, without the app store.
Built in React and Vite on live data from TMDB. It is a Progressive Web App, so it installs to the home screen and works offline like a native app. A floating dock keeps Home, Search, Calendar, Library and Profile one tap away on every screen.
04 / Screens
The home pick, desktop and phone.
05 / The result
What we watch.
What’s Next? is live, so these are real measures.
- 01
Installs
Visitors who add the app to their home screen.
- 02
Picks accepted
Share of home picks that end in a watchlist add or a trailer play.
- 03
Calendar returns
People who come back on release days through their calendar.
Free · 30 minutes