Endless Wonder : un site éditorial sur mesure pour la musique indépendante
Endless Wonder est une plateforme de conseil et d’édition musicale créée pour accompagner des labels et des artistes à la frontière des genres. Le site devait réunir deux dimensions dans une même expérience : présenter l’activité de conseil en relations presse, radio plugging et stratégie, tout en donnant une vraie place au contenu éditorial, aux sorties musicales et aux sélections publiées au fil du temps.
J’ai conçu et développé un site Webflow entièrement sur mesure, avec une direction visuelle volontairement éditoriale, à mi-chemin entre un magazine musical, une archive numérique et un portfolio de campagnes.
Une identité digitale pensée comme un objet éditorial
Le design repose sur une structure minimale, une typographie expressive et une utilisation forte de la couleur. Plutôt que d’imposer une interface figée, le site laisse les contenus musicaux construire son rythme visuel. Des bandeaux animés, des changements de couleur et des micro-interactions donnent du mouvement à l’ensemble sans détourner l’attention des artistes.
Une masonry grid alimentée par le CMS
La page d’accueil et les pages de sélection s’articulent autour d’une masonry grid développée sur mesure. Les cartes conservent le ratio de chaque image, ce qui permet de composer une grille irrégulière mais équilibrée, adaptée à la diversité des visuels fournis par les artistes et les labels.
La grille est entièrement alimentée par le CMS Webflow. Chaque nouvelle publication rejoint automatiquement la bonne sélection, avec son titre, sa catégorie, son image et son lien. Un script basé sur Macy.js recalcule la disposition après le chargement des images et aux différents breakpoints.
Un template flexible pour plusieurs formats de contenu
L’un des enjeux principaux était de ne pas multiplier les templates pour chaque type de publication. J’ai donc construit une architecture CMS capable de gérer trois formats éditoriaux dans un même modèle : les sorties et campagnes musicales, les articles longs et les formats plus libres.
La visibilité conditionnelle adapte automatiquement l’en-tête, les images, les informations et la structure de lecture selon le type choisi dans le CMS. Le client peut ainsi publier des contenus très différents depuis une interface cohérente, sans intervenir dans le design.
La musique intégrée à l’expérience de lecture
Les contenus peuvent intégrer directement des lecteurs Bandcamp, Apple Music, YouTube et d’autres sources. Ces embeds ont été normalisés pour rester responsives et cohérents avec la mise en page, tout en permettant au visiteur d’écouter la musique sans quitter l’article.
Des pages release pensées sur mesure
J’ai conçu un modèle de page dédié aux sorties musicales, pensé pour présenter chaque projet de manière claire et immersive. Il réunit les visuels, les informations de la release, les contenus éditoriaux et les lecteurs audio dans une mise en page flexible.
Entièrement reliées au CMS Webflow, ces pages peuvent être créées et mises à jour facilement par l’équipe, tout en conservant une identité visuelle cohérente et en s’adaptant au contenu propre à chaque sortie.
Interactions, responsive et finitions techniques
La navigation, le menu mobile, les bandeaux animés et les comportements au scroll ont été développés pour accompagner la lecture sur desktop comme sur mobile. Le travail a également inclus la structuration des métadonnées, des URL canoniques, de la sitemap et des règles d’indexation, avec une gestion spécifique pour les pages promotionnelles qui ne doivent pas apparaître dans les moteurs de recherche.
Résultat
Endless Wonder dispose d’un site éditorial sur mesure qui fonctionne à la fois comme vitrine de conseil, archive de campagnes et plateforme de publication. L’architecture CMS permet de faire évoluer le contenu de manière autonome, tandis que la grille, les templates flexibles et les intégrations audio donnent à chaque sortie une présence visuelle propre sans perdre la cohérence générale du site.
