/showcases

Bouwlogs die het rekenwerk laten zien.

Hoe we het bouwden, waarom we het zo aanpakten en wat we zouden overdoen. End-to-end-pijplijnen van prompt tot productieklare asset, met technische verdiepingen in de onderdelen die daadwerkelijk live gingen.

01 3 bouwlogs

Brand Jun 4, 2026 · 8 min

Pijplijn voor merkbeelden: zeven cinematische beelden, één designsysteem

7 cinematische merkbeelden gegenereerd (hero + 6 clusterspecifiek), geoptimaliseerd van 5–9 MB PNG’s naar WebP-varianten van 50–400 KB via de build-pijplijn van Astro, en vervolgens geïntegreerd in clusterkaarten, herosecties en sfeervolle merkmomenten.

Higgsfield Astro Image sharp WebP OKLCH

Resultaat

53 geoptimaliseerde beeldvarianten uit 7 bronbeelden. Gemiddelde bestandsgrootte met 95 % gedaald. Geen waarneembaar kwaliteitsverlies. De merkidentiteit ging van "generieke developersite" naar "premium technisch merk".

Lees de bouwlog

Brand Jun 4, 2026 · 10 min

Hero-motionloop: van tekstprompt naar productieasset van 460 KB

Een subtiele motionloop van 5 seconden gebouwd voor de homepage-hero met Higgsfield seedance 2.0 → ffmpeg → 252 KB WebM + 209 KB H.264 MP4 met afbeeldingsfallback, zonder audiospoor, autoplay-vriendelijk en met respect voor reduced-motion.

Higgsfield seedance 2.0 ffmpeg libvpx-vp9 libx264 Astro Image

Resultaat

460 KB totaal geleverd (WebM + MP4). 5 seconden subtiele beweging. Statische afbeeldingsfallback voor trage netwerken. Volledig verwijderd voor gebruikers met prefers-reduced-motion.

Lees de bouwlog

Platform Jun 4, 2026 · 14 min

Zes interactieve demo’s, één platform: de architectuur

Zes live in-browser demo’s die één gedeelde analysepijplijn in een Web Worker delen, runtime-audiosynthese voor samples en een React-island-patroon per cluster dat de static-first Astro-shell snel houdt.

Astro React 19 Web Workers WebAudio API OfflineAudioContext TypeScript

Resultaat

Zes volledig werkende interactieve demo’s. Zware analyse draait buiten de main thread. De UI blijft op 60 fps, zelfs bij lange bestanden. Er gaat geen audio over het netwerk.

Lees de bouwlog