La Clinique des Champs Elysées est un groupe international avec une flotte de sites Drupal en mode usine, permettant de présenter chacune de leurs cliniques et leurs spécialités.
La Clinique des Champs-Elysées est un client fidèle de Koriolis, qui gère la maintenance de leurs sites depuis de nombreuses années. Afin de rajeunir son site, elle a nous a confié la refonte graphique du front-end de leur usine.
La stratégie SEO et la conception graphique ont quant à elles été confiées à l'agence Pixalione, qui a réalisé les maquettes avec une approche mobile first et un design système.
L'objectif principal de cette refonte était de moderniser le site et de mettre en avant ses différentes rubriques, avec une esthétique se rapprochant des standards des réseaux sociaux. Développé il y a plusieurs années par plusieurs intervenants avant d'arriver chez nous en reprise de maintenance, le site souffrait d'une dette technique qui complexifiait la TMA et les projets d'évolution. Nous avons saisi l'occasion pour revoir le code en profondeur, le nettoyer et l'optimiser afin de revenir vers les bonnes pratiques et faciliter son exploitation future.
Pour le thème du site, les nouvelles maquettes faisaient la part belle à une approche atomique design. Koriolis a donc choisi de développer un nouveau thème sans aucune dépendance avec l'ancien, ce qui nous libérait des contraintes de l'existant.
En somme, cette refonte graphique a été un défi technique pour Koriolis, mais la confiance mutuelle avec la Clinique des Champs-Elysées a permis de mener à bien ce projet et de le remettre sur de bonnes fondations.
Le projet de refonte du site a adopté une approche basée sur le design atomique, offrant de nombreux avantages.
Elle permet de factoriser le code, de le rendre facilement maintenable et d'améliorer les performances du site. En effet, chaque composant du site appelle uniquement les ressources dont il a besoin, ce qui améliore considérablement l'efficacité globale du site. Les pages sont moins lourdes à charger. Les modifications d'un composant se répercutent sur l'ensemble des pages où il est appelé, facilitant ainsi les corrections et les évolutions.
Koriolis a développé une suite de fonctionnalités en nodeJs, permettant de créer un template de champs, de blocs, de vues, etc., avec les fichiers SASS et JS associés en utilisant une simple commande. Cet outil offre un énorme gain de temps, permettant ainsi de réduire la phase de développement.
En somme, l'adoption d'une approche atomique dans la refonte du site a permis à Koriolis de développer un site performant, facilement maintenable et de respecter les délais du projet.
La refonte graphique de la Clinique des Champs-Elysées met en oeuvre les dernières bonnes pratiques de développement web avec Drupal. En reprenant le code en profondeur, nous avons pu l'optimiser et obtenir d'excellents résultats, que ce soit pour la fluidité de navigation pour l'utilisateur ou les scores de performances de Google (Web metrics).
Après quelques semaines de recul suite aux améliorations de SEO, nous voyons le trafic qui augmente régulièrement, validant ainsi la stratégie résultant du duo formé avec Pixalione et toute sa mise en oeuvre.
