view project

view project

play

pause

3d animations

refokus

3d animation — refokus

3d animation — refokus

hype video

Refokus logo and refokus.com on black, opening frame of the hype video
Glowing light streak between blue spheres, 3D animation for the Refokus hype video
Bright light beam through clusters of violet spheres, Refokus hype video
Blue spheres around a glowing core, abstract 3D scene for Refokus
Glowing vertical light with crescent shapes in blue space, Refokus 3D animation
Light rays bursting through blue spheres, high energy shot from the Refokus hype video
Floating violet cubes around a glowing ring on light background, Refokus 3D animation
Violet glowing ring between architectural light panels, Refokus 3D scene
Concentric white rings around a pink glowing sphere, 3D animation for Refokus
Glass sphere breaking into violet particles, 3D animation for Refokus
Cloud of violet particles in soft light, particle simulation for Refokus
Violet particle burst under a bright light, closing shot of the Refokus hype video

3D · WebGL Support

From Cinema 4D to web

Real-time 3D

Awwwards SOTD

Services — 3D · WebGL

Client — Refokus

Refokus
2023 - 2026
Client
Refokus
Services
3D Animation
Modeling
Motion Design
Explainer
WebGL

Refokus — Interactive WebGL & 3D Animation

Since 2023 I have been working as a freelance 3D animator and WebGL collaborator for Refokus, a studio known for interactive, design-driven websites. The collaboration spans interactive WebGL experiences, abstract 3D animations and cinematic website films, all built on the idea that movement, code and composition can strengthen a brand's digital presence.

The approach: from Cinema 4D to the web

My part usually begins in Cinema 4D, where scenes, materials and animation are developed with the constraints of real-time rendering in mind. From there, the work moves into WebGL, where those scenes become browser-based 3D environments that respond to scrolling, cursor movement and user input in real time.

This step is what separates interactive 3D from a video embedded on a page. Geometry, textures and lighting have to be optimized so the experience runs smoothly on laptops and phones, and the animation has to hold up when the user, not the timeline, controls the pace.

My role: 3D animation and WebGL

I work across both sides of the process: developing the 3D scenes and animation, and bringing them into the browser as real-time WebGL. Alongside the interactive work, I produced abstract explainer animations and cinematic motion sequences for website films and campaign content, such as the hype video on this page.

The result

Several of the resulting projects were recognized with an Awwwards Site of the Day, one of the most visible quality benchmarks in web design and WebGL.

Related work

For another example of 3D assets built for real-time use, see my 3D product library for Leuchtturm1917. And if you like abstract 3D built around light and rhythm, take a look at my broadcast design for WELT.

If you are looking for a freelance 3D animator or WebGL developer in Berlin for an interactive web project, this collaboration shows the range: from cinematic 3D to hands-on real-time implementation.

Black notebook framed by a circular cutout, cover of the Cleer Learning Journal

next

project