Jander Hoffmann's Work | ContraWork by Jander Hoffmann
Jander Hoffmann

Jander Hoffmann

Motion designer for SaaS & brands · Logo reveals and launch

    20
    Followers
Followed by Benjamin C, Alec M, and Amin D

Milan, Italy

WorkPostsServicesAbout

Milan, Italy

Cover image for Director's Monitor is my entry
Director's Monitor is my entry for the Video.js Skins Design Challenge: a Video.js v10 skin that turns the player into the on-set field monitor a director judges a take on. The picture always wins. Controls sit on small opaque OSD plates instead of full-width gradients, so the frame stays clean and every label stays readable over overexposed whites, night blacks and colour bars. The details come straight from the camera: a REC / STBY / END tally, SMPTE timecode that counts every frame, crop marks, 2.39:1 frame guides on the G key, an edit-ruler timeline with chapters, a segmented audio meter for volume, and a NO SIGNAL error state over bars. One colour rule keeps it calm: amber means on, and red is reserved for REC and mute. Every control works from the keyboard with a visible focus ring, touch targets grow to 44 px on phones, and motion stops under reduced motion. The demo film, "Take 1", was made for the skin and is hosted on Mux. It alternates bright and dark scenes to prove the OSD holds up, with captions, chapters and a 24 fps cut the timecode counts frame for frame. Live: https://directors-monitor.vercel.app (https://directors-monitor.vercel.app)Mux playback ID: 01W93wbTkYDNrO4bcZz01e3kl00FB01okOmc4p02NosFfpmg Design and build: Jander Hoffmann · Method: AION Creative Studio OS
2
3
276
AION Brand Motion Logo Reveal
0
13
AION 2026 Brand Motion Showreel
0
6
AION — Logo Reveal & Animated End Card A 5-second logo reveal derived from the studio's showreel, reusable as an end card on any video. Challenge: it had to work on a solid background and over other footage, in horizontal and vertical formats, without redrawing the official logo. Solution: the animation is built from the logo's real vector outlines. An ultramarine beam locks onto the crossbar of the "A", the letter grows out of it, and the beam writes the rest of the wordmark. Delivered in 16:9 and 9:16, on solid colour and with transparency (ProRes 4444, WebM alpha and PNG sequence), with and without a services line, plus original sound design. Credits Motion design & direction: Jander Hoffmann Studio: AION Creative Studio Method: AION Creative Studio OS
4
7
725