/showcases

Build-Logs, die den Rechenweg zeigen.

Wie wir es gebaut haben, warum auf genau diese Weise und was wir noch einmal anders machen würden. Durchgängige Pipelines vom Prompt bis zum produktionsreifen Asset, mit technischen Deep-Dives in die Teile, die es tatsächlich in die Produktion geschafft haben.

01 3 Build-Logs

Brand Jun 4, 2026 · 8 min

Pipeline für Markenbilder: sieben filmreife Bilder, ein Designsystem

7 filmreife Markenbilder generiert (Hero + 6 clusterspezifische), über die Build-Pipeline von Astro von 5–9 MB großen PNGs auf WebP-Varianten von 50–400 KB optimiert und anschließend in Clusterkarten, Hero-Bereiche und atmosphärische Markenmomente integriert.

Higgsfield Astro Image sharp WebP OKLCH

Ergebnis

53 optimierte Bildvarianten aus 7 Quellbildern. Durchschnittliche Dateigröße um 95 % gesunken. Kein wahrnehmbarer Qualitätsverlust. Die Markenidentität entwickelte sich von "generischer Entwickler-Site" zu "hochwertiger technischer Marke".

Build-Log lesen

Brand Jun 4, 2026 · 10 min

Hero-Motion-Loop: vom Text-Prompt zum 460 KB großen Production-Asset

Eine dezente 5-Sekunden-Motion-Loop für den Homepage-Hero gebaut mit Higgsfield seedance 2.0 → ffmpeg → 252 KB WebM + 209 KB H.264 MP4 mit Bild-Fallback, ohne Audiospur, autoplay-freundlich und reduced-motion-respektierend.

Higgsfield seedance 2.0 ffmpeg libvpx-vp9 libx264 Astro Image

Ergebnis

460 KB insgesamt ausgeliefert (WebM + MP4). 5 Sekunden dezente Bewegung. Statischer Bild-Fallback für langsame Netzwerke. Vollständig entfernt für Nutzer mit prefers-reduced-motion.

Build-Log lesen

Platform Jun 4, 2026 · 14 min

Sechs interaktive Demos, eine Plattform: die Architektur

Sechs Live-Demos im Browser, die eine einheitliche Analysepipeline im Web Worker, Laufzeit-Audiosynthese für Samples und ein React-Island-Muster pro Cluster teilen, das die static-first Astro-Shell schnell hält.

Astro React 19 Web Workers WebAudio API OfflineAudioContext TypeScript

Ergebnis

Sechs voll funktionsfähige interaktive Demos. Die schwere Analyse läuft außerhalb des Main Threads. Die UI bleibt selbst bei langen Dateien bei 60 fps. Es gehen keine Audiodaten über das Netzwerk.

Build-Log lesen