Back to work

Designing a dark & cinematic home for film lovers

Kernel is a film discovery app I designed and built: browse what is trending, filter down to your taste, and save the ones you mean to get to. The design leans into the cinema itself, warm amber light against the dark, so browsing feels more like a night out than a database.

View the Live Site

Film catalogue

The Kernel home screen with the film Obsession featured as trending

Scope of work

  • Visual design and art direction

  • Interface and interaction design

  • Front-end development

  • Motion and micro-interactions

  • Responsive on every device

Tools

FigmaReactViteTailwind CSS

Details

Sector
Film catalogue
Type
Personal project
01

Find it by mood

Sometimes you know exactly what you want. More often you only know the mood. Discover lets you sort by rating or year and filter through eighteen genres, so a vague Friday-night urge becomes a shortlist in a few taps.

The Discover screen with a filter and sort panel open over the film grid
02

Save it for later

Not every film is for tonight. A tap on the heart keeps it in Favourites, so the list of things you mean to watch is always there, posters and all, instead of scribbled on the back of your hand.

The Favourites screen, a grid of saved film posters

The brief was simple: make browsing feel like a treat, not a task.

03

Make it yours

An account ties it together. Signing up takes a moment, and from there your favourites and lists follow you around, the way a good streaming app remembers what you were watching.

The Kernel sign in and create account screens
04

On every screen

It is built mobile-first as a React app with Tailwind, fast to load and snappy to move through. The dark interface feels right on a phone in a dim room, and the posters stay sharp and tappable whether you are on the sofa or at a desk.

The Kernel concept shown on a tablet
The Kernel concept shown on a mobile phone