/showcases

Des journaux de conception qui montrent le raisonnement.

Comment nous l’avons construit, pourquoi de cette façon et ce que nous referions autrement. Des pipelines de bout en bout, du prompt à l’asset prêt pour la production, avec des plongées techniques dans les éléments réellement mis en ligne.

01 3 journaux de conception

Brand Jun 4, 2026 · 8 min

Pipeline d’imagerie de marque : sept images cinématographiques, un seul système de design

7 images de marque cinématographiques générées (hero + 6 spécifiques aux clusters), optimisées de PNG de 5-9 Mo vers des variantes WebP de 50-400 Ko via la pipeline de build d’Astro, puis intégrées aux cartes de cluster, aux sections hero et aux temps forts atmosphériques de la marque.

Higgsfield Astro Image sharp WebP OKLCH

Résultat

53 variantes d’images optimisées à partir de 7 images sources. Taille de fichier moyenne réduite de 95 %. Aucune perte de qualité perceptible. L’identité de marque est passée de « site de développeur générique » à « marque technique premium ».

Lire le journal de conception

Brand Jun 4, 2026 · 10 min

Boucle de mouvement hero : du prompt textuel à l’asset de production de 460 Ko

Une subtile boucle de mouvement de 5 secondes construite pour le hero de la page d’accueil avec Higgsfield seedance 2.0 → ffmpeg → 252 Ko WebM + 209 Ko H.264 MP4 avec fallback image, sans piste audio, compatible autoplay et respectueuse de reduced-motion.

Higgsfield seedance 2.0 ffmpeg libvpx-vp9 libx264 Astro Image

Résultat

460 Ko au total livrés (WebM + MP4). 5 secondes de mouvement subtil. Fallback image statique pour les réseaux lents. Entièrement supprimé pour les utilisateurs avec prefers-reduced-motion.

Lire le journal de conception

Platform Jun 4, 2026 · 14 min

Six démos interactives, une seule plateforme : l’architecture

Six démos live dans le navigateur qui partagent un pipeline d’analyse unifié dans un Web Worker, une synthèse audio au runtime pour les échantillons et un motif d’îlot React par cluster qui garde rapide le shell Astro static-first.

Astro React 19 Web Workers WebAudio API OfflineAudioContext TypeScript

Résultat

Six démos interactives pleinement fonctionnelles. L’analyse lourde s’exécute hors du thread principal. L’interface reste à 60 fps, même sur des fichiers longs. Aucun audio ne transite par le réseau.

Lire le journal de conception