Spécialiste français des enceintes climatiques de haute précision, l’entreprise Climats a confié à l’agence Aggelos la refonte globale de son site web climats-tec.com. L’enjeu : traduire visuellement son savoir-faire industriel sur mesure tout en structurant le site pour maximiser la génération de contacts commerciaux.
Les enjeux du projet : moderniser l’image et générer des leads
Depuis plus de 50 ans, Climats conçoit et réalise des enceintes climatiques de haute précision adaptées aux besoins spécifiques de ses clients. Ce savoir-faire français repose sur la maîtrise d’équipements à géométrie variable à chaque étape du processus, du développement jusqu’aux essais.
Après avoir fait évoluer son identité de marque et son identité visuelle, l’entreprise devait moderniser son site internet, qui reposait historiquement sur le CMS TYPO3 et ne reflétait plus son dynamisme actuel. L’objectif principal de cette refonte était de mettre en valeur les produits et la démarche technique de Climats pour générer davantage de contacts entrants (leads) qualifiés pour les équipes commerciales.
Un webdesign percutant adossé à une nouvelle identité visuelle
Le travail sur le site internet s’est inscrit dans une démarche globale, menée en parallèle de la refonte complète de l’identité de marque et de l’identité visuelle de Climats. Le webdesign a été conçu pour traduire graphiquement ce renouveau : il se veut dynamique, attractif et immersif, rompant avec les codes souvent austères du secteur industriel.
L’interface s’appuie sur des visuels de haute qualité illustrant des conditions météorologiques extrêmes, un choix graphique qui rappelle directement le cœur de métier de l’entreprise. Pour faciliter la lecture et guider efficacement l’internaute vers les objectifs de conversion, le design joue sur des contrastes forts, alternant de grands titres à la typographie marquée et des appels à l’action (CTA) sur fond rouge très facilement identifiables. Cette structure visuelle est dynamisée par des effets d’apparition subtils lors du défilement des pages, tandis que l’intégration sur mesure en PHP et ACF garantit une parfaite homogénéité graphique de l’ensemble des blocs, quels que soient les contenus affichés.
Une migration technologique et un gros travail d’intégration
Pour associer flexibilité et performance, l’agence a orchestré la migration complète du site de TYPO3 vers le CMS WordPress, avec un développement sur mesure en PHP et ACF (Advanced Custom Fields).
L’intégration d’un volume important de données
L’un des défis majeurs de ce projet résidait dans le volume et la diversité des contenus à transférer depuis l’ancienne plateforme. Le site de Climats contient de nombreuses fiches produits, des contenus denses et une quantité importante de documents PDF associés aux fiches techniques.
Une logique de blocs pour l’autonomie du client
Le site a été structuré autour de types de contenus bien définis pour garantir une parfaite cohérence visuelle. Grâce au développement de blocs réutilisables et à l’intégration de Gutenberg, l’équipe de communication de Climats (notamment Cécile et Salomé) peut créer de nouvelles pages en toute autonomie. L’agence a livré un support de formation complet et assuré une session de prise en main pour faciliter cette gestion quotidienne.
Ci-dessous, la logique d’ajout d’éléments en blocs réutilisables :
Un parcours international optimisé via WPML
Le site propose une navigation bilingue en français et en anglais pour répondre aux ambitions internationales de Climats. Pour mener à bien ce chantier d’envergure, l’agence a déployé l’extension de référence WPML.
Le processus a été structuré en deux temps afin de concilier rapidité de déploiement et précision technique :
- La pré-traduction automatisée : l’ensemble des contenus textuels a d’abord fait l’objet d’une première traduction automatique globale via l’intégration de moteurs performants.
- La révision métier par le client : l’équipe de Climats a ensuite repris la main directement dans l’interface pour affiner, corriger et ajuster le vocabulaire technique et industriel spécifique à son secteur d’activité.
Cette méthode collaborative a permis de livrer un site bilingue rigoureux dans des délais optimisés.
Une navigation fluide grâce au méga-menu
Un grand menu permet de voir toute l’arborescence du site immédiatement.
Ci-dessous le méga menu du site :
L’arborescence complète s’organise selon la structure suivante :
L’arborescence du site internet s’organise en sept rubriques principales :
- Climats : l’histoire de l’entreprise, son positionnement et l’espace Carrières.
- Nos produits : la présentation des gammes sur mesure et l’accès à la documentation technique.
- Nous contacter : le formulaire classique et la prise de rendez-vous ciblée avec un expert.
- Actualités : le partage des nouveautés et l’inscription à la newsletter.
- Nos domaines d’application : la vulgarisation par des cas d’usage concrets et sectoriels.
- Spirale : la mise en valeur exclusive de l’interface de pilotage logicielle.
- Services : la mise en avant des prestations de SAV, de maintenance et de location.
Le site vitrine se connecte directement aux outils de gestion de l’entreprise : l’onglet « Nos produits » crée des passerelles directes vers la documentation technique au format PDF, tandis que la rubrique « Nous contacter » mène à un système de prise de rendez-vous commerciale géolocalisée.
Deux solutions stratégiques pour l’expérience utilisateur et la conversion
Le projet intègre des fonctionnalités spécifiques développées pour répondre aux objectifs d’image et de conversion de Climats.
Une visualisation produit à 360° en 3D
Pour la première fois, l’agence a intégré un module de visualisation 3D interactive basé sur le défilement horizontal (scroll). En faisant défiler la page, l’utilisateur fait pivoter l’enceinte climatique sur elle-même grâce à une succession de dizaines de captures fluides. Cette fonctionnalité innovante permet de découvrir le produit sous tous ses angles de manière totalement immersive.
Ci-dessous un produit en visualisation 360° :
Explorer en direct le 360° sur la page produit « Excal 3 »
Un module de conversion persistant
Pour maximiser la génération de leads, un bloc de demande de rendez-vous a été configuré pour s’afficher en superposition (overlay) en fin de page. Ce dispositif visuel fort et systématique incite l’internaute à solliciter un conseil personnalisé auprès d’un expert, plaçant l’objectif commercial au centre de l’expérience de navigation sur l’ensemble des pages.
Ci-dessous l’aperçu de la zone d’appel à action « Prise de rdv » avec un expert :
Le retour de l’équipe
« J’ai beaucoup aimé piloter ce projet et relever le défi technique de migrer l’historique de TYPO3 vers une structure WordPress moderne. La nouvelle identité visuelle de Climats nous a permis de pousser nos méthodes de développement pour concevoir des pages intérieures homogènes, épurées et très performantes, malgré la grande diversité des contenus. Intégrer un module 3D à 360° activé au défilement est une vraie nouveauté pour l’agence et une valeur ajoutée unique pour valoriser les équipements de Climats. » — Jérémy Dimino, chef de projet web chez Aggelos.