degravita:tiondegravita:tion

Le projet

degravita:tion réunit cinq amis de longue date, Misarkj, Pazar, Queantum, Valcide et Chroma, autour de la musique minimale : un label, un podcast et des soirées entre Bordeaux, Nantes et Paris. Jusque-là, tout était dispersé entre Instagram, SoundCloud, Bandcamp et un Linktree. Il fallait un seul endroit, à montrer aussi bien aux clubs qu’au public.

Le contexte

Le brief : faire écouter avant de faire lire, mettre les pochettes en avant, et garder un site simple à faire vivre, sans abonnement. Huit pages : accueil, collectif, label, événements, galerie, artistes, podcast, contact. Les artworks sont d’ebs:projects.studio.

Ce que j’ai fait

1. 01

   Les pochettes en plein écran : pour chaque pochette, le texte (titre, noms, logo) a été retiré et l’image reconstituée en dessous.

2. 02

   Une image en mouvement : l’accueil ondule lentement, comme une surface liquide ; les pochettes se succèdent avec une onde qui part du logo à chaque changement ; sur grand écran, les bords se prolongent en miroir.

3. 03

   La musique d’abord : un navigateur ne lance pas de son sans un clic, le site s’ouvre donc sur un écran « Entrer ». Un lecteur reste en bas de l’écran pendant toute la visite, avec un extrait d’une minute trente de chaque sortie ; la musique continue quand on change de page et se contrôle depuis l’écran verrouillé du téléphone.

4. 04

   Le podcast se met à jour tout seul : dès qu’un épisode du DGCast sort sur SoundCloud, GitHub Actions vérifie toutes les trois heures, le script régénère les pages et Vercel met le site en ligne. Le lecteur SoundCloud ne se charge que si l’on clique dessus.

5. 05

   Tout en noir : la couleur vient des pochettes et des photos de soirées. Chaque artiste a un lien pour écouter sa musique en un clic. Sur téléphone, le lecteur flotte en bas, le menu défile sur une seule ligne, les images prennent presque toute la largeur.

Le résultat

• En ligne sur degravitation-label.fr : 8 pages, 11 sorties, 26 épisodes de podcast, 15 soirées.
• Simple et léger : des pages générées par un petit script Python, pas de CMS ni d’abonnement, seul le nom de domaine est payant ; les images se chargent au fil de la page.
• Respectueux : aucun traceur ; le site respecte le réglage « réduire les animations » et se parcourt au clavier. Les textes du site servent aussi aux dossiers de présentation envoyés aux clubs.