Kris Rattus

Creative developer, motion designer
& editor. Northern Rivers, AU — anywhere.

Hire me
Kris sitting cross-legged in a tunnel of glowing rings

Kris Rattus, creative technologist & designer: Make it move.

I’m Kris. For 27 years I’ve made things move on screens: 7,400+ rich-media ads, websites, films and music videos. This site plays like a timeline, so drag the playhead below or press L to play.

Take 7,400

Over seven thousand, four hundred ads.

Eighteen of them are running below. These aren’t screen recordings: they’re the real builds, rebuilt offline. Tap a phone, then scroll inside it and the ad plays the way it did in the feed.

Loading the vault…

18 of 7,400+ · built at GumGum & Playground XYZ

Screenings

Written, scored, cut.

AI films and music videos, made end to end: the song, the story, the edit. And yes, that’s me in all of them. Hover to scrub.

Kris holding a gold coin, close-up, in Slay the Dragon Slay the DragonOriginal song · AI animation · Edit3:00 Kris eating a banana with great seriousness in the Agent Zero trailer Agent ZeroTrailer for a spy film that doesn’t exist1:32 Kris riding a rocket above the clouds in Ride With Me Ride With MeOriginal song · AI music video4:02

Graph editor

Four crafts, four curves.

Any animator will tell you the curve matters more than the keyframes. So here’s what I do, each with its own timing function. Hover a row to play it.

  1. 01

    Creative development

    Sites, campaigns and playable ads that answer back. Scroll-driven stories, WebGL and interaction that feels made, not assembled.

    HTML · CSS · JavaScript · GSAP · WebGL

  2. 02

    Motion & animation

    Brand motion, animated type and campaign assets, in After Effects or straight in code. Timing with a bit of character in it.

    After Effects · Motion graphics · Character

  3. 03

    Design & art direction

    One visual idea, carried all the way through. Campaign creative and generative imagery that’s directed, not just prompted.

    Visual design · Campaigns · Generative imagery

  4. 04

    Film & editing

    Music videos, trailers and brand films. Finding the story in the footage, then cutting it to the beat.

    Premiere Pro · After Effects · AI filmmaking

Live render

Touch the ink.

A Navier–Stokes fluid simulation running live on your graphics card. No video, no library. Just drag.

Kris meditating in a bamboo forest, lit by shafts of light
Fig. 1 That’s me. The only thing on this site that isn’t moving.

Behind the camera

Hey, I’m Kris.

A developer with an animator’s timing and an editor’s ear.

I’ve spent 27 years making things move on screens. Most of that went into rich-media advertising at GumGum and Playground XYZ: scroll-reactive units, playables and velocity ads for more than 160 brands. These days I also direct AI films, write the music for them, and DJ whenever someone hands me the decks.

27years of craft
7,400+rich-media builds
160+brands
Hear the music on YouTube ↗

Starring

brands, in order of appearance

Entertainment
Marvel
Disney · Pixar
Netflix
Warner Bros.
Sony Pictures
Nintendo
LEGO
Amazon Prime Video
Automotive
Toyota
Hyundai
Audi
BMW
Porsche
Mazda
Technology
Samsung
Lenovo
Adobe
Salesforce
Google Chromebook
Fujitsu
Telstra
Food & drink
Red Bull
Coca-Cola
Pepsi
McDonald’s
Cadbury
DoorDash
Whiskas
Bakers Delight
Retail & fashion
Kmart
Target
Big W
Woolworths
Coles
Aldi
Officeworks
H&M
Levi’s
Adidas
Puma
L’Oréal
Specsavers
Travel & money
United Airlines
Flight Centre
Westpac
NAB
AustralianSuper
Sportsbet

…and 7,400+ ads’ worth of others.

No banners were harmed in the making of this website.

Cut to:

Your project.

kristjanfreelance@gmail.com

Web, motion, film, or all three at once. Tell me what you’re making and when it needs to move.