Northstar 🌿
Projects, clients, and numbers in one place. Calm colours, clean UI, and a little motion.
A small studio project to explore.
Try the demo ↗ (https://dashboard-northstar.netlify.app/)
0
126
Pointloom: 30-second SaaS launch film (concept, code-rendered)
A 30-second launch film for a fictional SaaS product that turns messy field survey points into a clean site map. Hook, problem, product reveal, the app doing the work, a measurable payoff and a call to action: the classic launch structure, built as UI motion rather than a screen recording. Kinetic type, beat-synced camera punches, a 3D-tilted app window, glowing linework, and a 120 BPM soundtrack synthesised in code (no stock music). Pointloom is not a real product; the brand, UI and numbers were invented for this concept. Direction and QA by me; the animation was built with AI assistance and is fully code-rendered (HTML/SVG, headless browser, FFmpeg), so every frame is reproducible and quick to revise for your own product.
1
62
La Mensa Antwerp — Reimagining the Premium Brand Experience
The Goal
In a crowded hospitality and luxury market, standard presentation simply doesn’t cut it anymore. The objective of this project was to elevate the visual identity of La Mensa Antwerp by replacing generic glassware with a bespoke, custom-designed 3D asset.
As a 3D designer, my mission is to help brands break through the digital noise. By creating a unique, branded wineglass and pairing it with high-end motion design, this project demonstrates how physical product design and 3D animation can intersect to build a luxury brand narrative.
The Process: From Concept to Fluid Motion
Storyboarding & Conceptualization
Every impactful motion piece requires a strong narrative foundation. I initiated the project with quick, iterative sketching to map out a tight, engaging storyboard, ensuring the visual pacing would capture and hold a viewer's attention.
Dynamic Liquid Simulation
To make the presentation feel authentic and premium, the fluid dynamics had to be flawless. I pushed Blender’s liquid simulation capabilities to achieve a realistic, high-viscosity pour that mimics the rich texture of a premium red wine.
Bespoke Material Artistry
Ordinary glass is invisible—bespoke glass reflects identity. I engineered custom textures and materials to contrast the deep, organic tones of the wine with the sharp, modern geometry of the custom-etched glassware.
Cinematic Cinematography
Using advanced camera mechanics within the 3D space, I implemented a precise, shallow Depth of Field (DoF). This guides the viewer's eye exactly where it belongs: the intricate interplay between the glass patterns and the fluid.
Post-Processing & Color Grading
The final polish happened in post-production. By leveraging specific render passes and executing a meticulous color grade, I elevated the lighting, contrast, and atmosphere to give the final piece a cinematic, high-end commercial feel.
The Result The final delivery consists of three distinct, highly polished scenes that showcase the La Mensa brand identity alongside the unique aesthetic of the custom-designed glassware.
Check out my full portfolio and let's collaborate: www.hopmansdesign.com (http://www.hopmansdesign.com)
0
49
HALYX L1: exploded-view product film for a LiDAR sensor (concept, 3D, code-rendered)
A 22-second product film for a fictional compact LiDAR sensor. The device assembles in a hero shot, explodes into six labelled components (housing, edge processor, motor, laser array, optical window, cap), snaps back together, then scans a warehouse: 32 laser channels sweep the room and the point cloud builds up with the real ring and shadow patterns a spinning LiDAR produces. Ends on a payoff line and logo. The brand, product and specs are invented for this concept; the scan is a ray-cast simulation, not real data. Direction and QA by me; built with AI assistance and fully code-rendered (Three.js with physically based materials and bloom, headless browser, FFmpeg), with a soundtrack synthesised in code. The same pipeline can show your own product in exploded view from CAD or reference photos.
1
72
For this project I wanted to experiement with cloth simulation. I like the close up shot with correct lightning it feels so premium :)
The last video I just went crazy and made whatever i felt like, I would like to hear some thoughts!
0
69
3D point cloud (code-rendered 3D explainer)
How a terrestrial laser scanner turns a site into a 3D model: one distance and two angles per point, a full 360° sweep, and the point cloud building up as the scanner turns. A 12-second 9:16 explainer with a moving 3D camera, glow, word-by-word kinetic captions and sound effects synthesised in code. The scene is a simulated scan (about 61,000 synthetic points), not real survey data. Direction and QA by me; the animation was built with AI assistance and is fully code-rendered (Three.js, headless browser, FFmpeg), so every frame is reproducible and easy to revise.