Présentation
Boullard Musique est un projet réalisé dans le cadre d’une collaboration avec une agence faisant appel à des intervenants externes. L’objectif était de moderniser une présence web existante tout en conservant une forte autonomie côté client pour les futures évolutions du site. Le projet mêlait intégration front-end, réflexion UX et adaptation à des contraintes techniques particulières, avec une volonté de garder une structure facilement compréhensible et réutilisable sans dépendance à un framework front-end complet.
Problématique & Approche
L’un des principaux défis du projet concernait la manière d’aborder la modularité et la maintenabilité du front-end. Le client souhaitait conserver une approche relativement traditionnelle, sans framework moderne comme Vue, React ou Angular, tout en gardant une logique de composants réutilisables
Cette contrainte m’a amené à adapter mon approche habituelle afin de trouver un équilibre entre bonnes pratiques modernes, simplicité d’intégration et autonomie côté client.
Certaines décisions qui semblent naturelles côté développeur — séparation des sources et du build, composants factorisés, organisation modulaire du CSS ou du JavaScript — peuvent devenir plus complexes à transmettre lorsqu’un projet doit pouvoir évoluer sans dépendance technique forte.
Ce projet m’a également rappelé à quel point l’alignement technique et les attentes de maintenabilité doivent être clarifiés très tôt dans un projet. Derrière des termes comme “simple”, “modulaire” ou “autonome”, les attentes peuvent parfois être très différentes selon les profils et les habitudes de travail.
Ce que j’ai construit / appris
Au-delà de l’intégration des maquettes, le projet m’a permis de travailler sur des problématiques concrètes liées à la perception utilisateur, à la cohérence des interfaces et à la maintenabilité front-end sur le long terme.
Certains détails d’interface, notamment autour des systèmes de carrousels et de navigation, ont nécessité plusieurs ajustements afin de trouver un équilibre entre comportement technique cohérent et compréhension visuelle côté utilisateur.
Avec le recul, une approche orientée composants statiques, comme Astro, aurait probablement permis de mieux concilier modularité, lisibilité et autonomie côté client.
Cette expérience a surtout renforcé ma manière d’aborder les projets : ne pas uniquement chercher la solution techniquement “propre”, mais aussi comprendre la façon dont le projet sera réellement utilisé, maintenu et repris dans le temps.
Choix techniques et approche
Le projet a été réalisé principalement en HTML, CSS, Tailwind CSS et JavaScript/jQuery, avec une attention particulière portée à l’organisation du front-end et à la réutilisabilité des éléments d’interface.
Même dans un contexte volontairement éloigné d’une architecture SPA moderne, l’objectif restait de conserver une base claire, cohérente et évolutive, tout en respectant les contraintes techniques et les attentes du projet.
1 / 4