Refonte du site internet RENER, bureau d’études et pôle R&D en énergie

Maquette wireframe et UI-UX Rener

‍

Conception du wireframe complet du site afin de structurer l’ensemble des contenus, des pages et des parcours utilisateurs.

Pour RENER, l’enjeu UX était particulièrement important. Le site devait présenter deux univers complémentaires, mais bien distincts : le bureau d’études, avec ses prestations techniques, ses réalisations, ses moyens et ses contenus pédagogiques ; puis le pôle R&D, avec ses projets d’innovation énergétique et ses axes de recherche. Nous avons donc travaillé une arborescence claire, capable de guider rapidement chaque profil de visiteur : syndic de copropriété, maître d’ouvrage, acteur tertiaire, partenaire industriel, institutionnel ou interlocuteur intéressé par les projets de recherche.

La maquette a ensuite permis de poser les bases graphiques du nouveau site : hiérarchie des titres, mise en avant des expertises, blocs de réassurance, entrées par besoin, pages services, fiches projets, ressources, lexique et espaces dédiés aux deux pôles.
L’objectif était simple : rendre l’expertise RENER plus accessible, sans la simplifier à l’excès.

Intégration du site sur Webflow

‍

Création du site internet et intégration sur Webflow dans le respect de la maquette validée avec le client.

‍

Le site RENER a été pensé comme une plateforme évolutive, capable d’accueillir de nombreuses typologies de contenus : pages services, pages besoins, réalisations, actualités, ressources, projets R&D et lexique métier. Webflow nous a permis de structurer proprement ces contenus pour faciliter leur mise à jour, tout en conservant une grande liberté graphique.
Nous avons également travaillé l’organisation des collections CMS afin que l’équipe puisse enrichir progressivement le site sans devoir reconstruire chaque page manuellement. Un point essentiel pour un site B2B technique, où les contenus ont vocation à vivre, évoluer et se renforcer avec le temps.

‍

La page d’accueil a également été enrichie avec des visuels créés sur mesure et une vidéo d’entrée réalisée avec l’appui de l’IA générative. L’idée n’était pas d’utiliser l’IA pour “faire moderne”, mais pour créer une ambiance visuelle cohérente avec l’univers de RENER : technique, énergétique, sobre et tournée vers l’innovation.

Optimisation SEO et migration de l’existant

‍

La refonte du site RENER a intégré une véritable logique de conservation et de renforcement SEO.

‍

Lorsqu’un site dispose déjà de contenus, de pages indexées ou d’un historique, une refonte ne doit jamais être traitée comme une simple remise à zéro. Sinon, c’est un peu comme déménager une bibliothèque en laissant les livres dans l’ancien bâtiment. C’est audacieux, mais rarement recommandé.
Nous avons donc travaillé la migration SEO du site afin de préserver les signaux existants et de construire une base plus performante pour la suite : reprise des contenus utiles, optimisation des balises, structuration des titres, amélioration du maillage interne, création de nouvelles pages stratégiques et mise en place des redirections nécessaires.
‍

La nouvelle architecture permettra à RENER de mieux se positionner sur ses expertises clés : audit énergétique, DPE collectif, plan pluriannuel de travaux, simulation thermique dynamique, études techniques, maîtrise d’œuvre, suivi d’exploitation, rénovation énergétique et innovation énergétique.
Un travail spécifique a également été mené sur la logique de contenus. L’objectif : faire du site non seulement une vitrine, mais aussi un support de compréhension pour les moteurs de recherche, les utilisateurs et, de plus en plus, les outils d’intelligence artificielle.

Graphisme, illustrations avec IA générative

‍

Pour accompagner la refonte du site, nous avons créé plusieurs visuels destinés à donner plus de cohérence et de personnalité à l’univers RENER.

‍

Sur un projet aussi technique, l’image joue un rôle important. Elle doit rendre le sujet plus accessible, sans tomber dans le visuel générique vu mille fois. Nous avons donc travaillé une direction graphique sobre, professionnelle et orientée énergie, afin de soutenir les contenus sans les parasiter.

‍

Certains visuels, ainsi que la vidéo d’entrée de la page d’accueil, ont été conçus avec l’aide de l’IA générative. L’IA a ici été utilisée comme un outil de production visuelle, au service d’une direction artistique définie en amont. Pas de magie, pas de bouton “fais-moi un site premium”, malheureusement. Juste du cadrage, des itérations, du tri, et un œil humain pour garder le niveau.