Designing a website for CineDream, the guided cinematic colour engine
How we made a colour grading tool look as cinematic as the footage it creates.
CineDream helps creators get a cinematic look without LUTs or long tutorials. The website had to look like a film, and prove the results with real before and after frames.
We designed the full CineDream website in a dark, cinematic theme. Film stills lead every section, with a red accent pulled straight from the brand.
Dark, rich and cinematic.
Near-black backgrounds let the film stills glow. A red accent and a deep plum keep it bold without fighting the footage.
Details that do the explaining.
Scroll through the page with us. The view moves to each decision as you read.
The first screen
A full-bleed film still with one bold line and the red accent.
Finally get the cinematic look
One word in red carries the whole promise.
Core capabilities
The colour engine explained in three simple cards.
The creative toolkit
Each tool shown with real frames instead of screenshots of menus.
Simple pricing
Two clear plans, side by side.
Up close.
Sections straight from the design. Drag to explore.
How it came together.
One shared file and short loops between design and build.
Understanding the product and the creators it serves.
Ordering the page from the problem to the tools to pricing.
Designing every section around real film stills.
Built in Webflow and launched at cinedream.io.
More work we’re proud of
Two more projects, designed and built end to end.
