Skip to content
← All case studies

LIVE 3D

Vestaboard

A true-3D product studio for a split-flap display maker

LIVE MOCKUP ON /3D

Case 02 · Consumer hardwarePalo Alto, CA

Vestaboard · Product videos from the live Vestaboard app, built through the build and review loop

The Vestaboard app feeds a product video, built through the build and review loop. The marketing lead signs it, and it is published.

PRODUCT VIDEO · MARKETING LEAD SIGNS · PUBLISHED

12+ hours over several days → 30 minutes per revision

per video; running since August, against the old multi-day edit

Status
Live in 2 weeks
Signed by
Signed by Marketing lead

What was built

  • A true-3D product studio in the browser: type, orbit, render
  • A browser split-flap simulator with an embeddable board and a live composer
  • Path-traced stills, turntables and video export for marketing

Where it runs

  • Browser, fully local
  • Marketing and web

Tools

  • Three.js
  • Path tracing (three-gpu-pathtracer)
  • Cinema 4D

By hand, a product video took 12+ hours of work in 3D and After Effects, plus sound and music, over several days of revisions. With the agent, workflows and tools built for Vestaboard make it, the marketing lead signs, and each revision takes 30 minutes.

01

The problem: a render for every angle

Vestaboard makes split-flap displays — a mechanical board in Palo Alto that spells messages one flap at a time. Every new angle, message, or finish for marketing meant another render from the 3D file: a queue of stills that could never keep up with the ideas, and a per-angle cost on every one.

02

What was built

A true-3D product studio that runs in the browser: load the board model, type a message on the real 64-symbol drum, orbit to any angle, and export path-traced stills and turntables — render-farm finish from a laptop, with nothing leaving the machine. It replaces per-angle renders with a board you can simply turn.

Alongside it, a browser split-flap simulator with every board transition, an embeddable board, a live composer, and video export for marketing.

A split-flap board, built by DH Studios, rendered live in the browserType on the mockup board, live — live on /3d →Live demo · rendered in your browser
03

How it renders

The board is the client's own model, and the message is the real drum: 64 positions in the order the physical board steps through them, with the colour chips and the heart where the product has them. For finals, a path tracer takes over from the real-time view with the same lighting, so what you frame is what you get. The demo on /3d is a mockup made for this site, since the real tools Vestaboard's sales and marketing team uses stay internal. It runs the same drum code and takes it one step further on a DH-built generic board — every cell a two-piece flap stepping forward, the mechanism the planned flip animation is built on. Type on it.

04

What's next

Mechanical split-flap animation in true 3D — the forward-only drum with the board's own staggered transitions — and deterministic offline encoding, so the flip itself exports as video.

Credits

Design and build
DH Studios

CREDITS — 3D models: the Sorinex racks are client-owned CAD, prepared for the web by DH Studios and rendered live; the split-flap board is a generic board built by DH Studios. No hosted embeds, no third-party scenes.