AlterNative bits
Une page-disque pour un album de 2016 : sept titres, une pochette qui tourne, et un lecteur chiptune synthétisé dans le navigateur — sans un seul fichier audio.
Le brief
Yoann Turpin voulait redonner une adresse à AlterNative bits, son album fusion × chiptune sorti chez DETUNE en 2016. Une seule page, en anglais, fidèle à la maquette : la pochette au cube ailé, la tracklist, les crédits — et le son des puces des années 80, présent dès l'ouverture.
Ce que nous avons fait
Une page unique portée à l'identique — héros, bandeau défilant, tracklist, à-propos, crédits — mesurée au banc : 0 pixel d'écart.
Le lecteur chiptune en Web Audio et ses trois toiles (l'anneau de la pochette, les formes d'onde, la frise) conservés tels quels.
La tracklist, écrite en dur par le script d'origine, rendue dans le balisage : titres et durées éditables, frise et total recalculés.
Polices auto-hébergées, données structurées MusicAlbum, aperçu Open Graph « music.album », manifeste et plan du site.
La palette et les typographies
Cinq couleurs relevées sur la page, telles qu'elles sortent du rendu : le papier, l'orange de la pochette, l'encre
Des pages, en vrai
Les mêmes écrans aux trois largeurs qui comptent — bureau, tablette, téléphone : l'écran de chargement, le haut de la page d'accueil, les sections, le pied de page.
Ce que ça change
Le disque a une adresse à lui, qui s'ouvre en moins d'une seconde, son compris.
Les titres et les durées se corrigent depuis la console, sans toucher au script.
Le son et les animations d'origine tiennent sans aucun service tiers.
Ce que le client gère lui-même
Depuis la console, sans toucher au code.
