BLWBCK
« Life is a walkman. » Un label de cassettes toulousain, associatif et DIY depuis 2010 : 93 sorties, un catalogue qui se trie et se fouille, une page par album avec sa cassette, son lecteur Bandcamp et sa commande — porté à l'identique et rendu administrable.
Le brief
Un site d'une seule page qui écrivait lui-même ses 93 fiches d'album depuis un fichier, un écran de chargement, un rideau entre les vues, des lecteurs Bandcamp sur l'ancien blwbck.com. Consigne : « intègre-moi ce site tel qu'il est, chaque album sera un article de blog » — et que le label ajoute sa prochaine sortie depuis la console, sans toucher au code.
Ce que nous avons fait
Les 93 sorties du label deviennent 93 articles du blog de la console — mais sur le site, tout s'appelle catalogue : une adresse par album, jamais de doublon.
Chaque album garde sa mise en page d'origine : six héros différents, quatre ambiances typographiques, un fond génératif aux couleurs de la pochette.
La cassette de chaque sortie est dessinée en SVG avec la pochette en étiquette ; elle ne tourne que pendant l'écoute du lecteur Bandcamp relevé sur l'ancien site.
Catalogue en grille ou en liste, trieuse amarrée en bas de l'écran, recherche plein écran, redirections des anciennes adresses .php : rien ne se perd.
La palette et les typographies
Cinq couleurs relevées sur le site : le noir de la bande, le blanc cassé du papier, le gris des étiquettes, le vert de la dernière sortie, le brun des bobines
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 label publie une sortie comme un article : titre, artiste, pochette, tracklist, édition, lecteur — la page d'album se met en page toute seule, cassette comprise.
Le site est rendu par le serveur et indexé : 93 pages d'album avec leurs données structurées MusicAlbum, un plan de site, les anciennes adresses redirigées.
Rien du dessin n'a bougé : écran de chargement, rideau, recherche, trieuse, typographies et fonds génératifs sont ceux du site d'origine.
Ce que le client gère lui-même
Depuis la console, sans toucher au code.
