The KAIROSS Media website on a laptop

Work

KAIROSS Media

Post-production

KAIROSS edits, grades and scores for brands that already have the footage. The brief asked for one connected piece of motion, so a single line runs through the site and ends on the button that books the call.

Scope
Web design, Development, Motion, Sound
Built with
Next.js, GSAP, WebGL, Web Audio
Site
In build

Context

The brief.

KAIROSS Media does post-production for brands that already have the idea and the footage: editing, colour, sound and versioning for every platform. Its argument is that most brands don’t have a creative problem. They have a production one.

The brief was short: an amazing website with one uniform, connected animation all the way through. The site is still in build.

The question

How do you show post-production, a craft people mostly notice when it’s missing?

Context

The problem.

  1. Connected, not just animated.

    Plenty of sites move. The brief asked for motion that joins everything up.

  2. Explain the process without a diagram.

    Buyers who’ve been let down by an editor before want to see how the work actually runs.

  3. Post-production is felt.

    Colour and sound are the product, so the site needed both.

Outcome

What we built.

  1. One line, start to finish.

    A single line draws itself through the home page and ends at “Book a call”, which lights up as it arrives.

  2. The process as an edit timeline.

    A pinned editing bay: a playhead runs across four clips, each drawn to the real number of days its stage takes.

  3. A grade and a sound change.

    Midway down, one scroll turns the page from light to dark and crossfades the music into a new track.

  4. Work you can drag.

    A curved marquee of work cards, and a viewer that steps through the clips one at a time.

  5. Sound, made in code.

    Effects are generated in the browser, and a layer of noise follows how fast you scroll.

Conclusion

What we took away.

  1. A throughline is a promise.

    If the brief says connected, the line can’t break. So it doesn’t.

  2. Show the edit.

    An editing timeline explains post-production better than any paragraph could.

Next

Got something worth building?

Bring us the difficult one.

Talk to us