Refonte UX/UI, webdesigner Figma dans les Pyrénées-Atlantiques
Vergnaud France
Photovoltaïque
Refonte UX/UI du site Vergnaud : webdesign, wireframes, maquettes Figma & prototype
Vergnaud, entreprise spécialisée dans l’installation et la maintenance de centrales photovoltaïques, a confié à l’agence Jume la refonte UX/UI de son site internet.
Objectif : créer une expérience moderne, lisible, performante, capable de répondre aux besoins de plusieurs profils professionnels : agriculteurs, industriels, EPC, développeurs, investisseurs et candidats.
Ce projet a été mené dans les Pyrénées-Atlantiques (64), missionné par le collectif Unithy.
01. Évolutif
02. Élégant
03. Moderne
Le brief client : moderniser l’image et structurer les parcours utilisateurs
Le site existant ne reflétait plus l’évolution de l’entreprise ni son positionnement sur le marché photovoltaïque. L’expérience utilisateur était devenue complexe et peu lisible, ce qui limitait l’efficacité des parcours et la capacité à convertir les visiteurs. Vergnaud avait besoin d’un site moderne, clair et efficace, capable de mettre en avant ses expertises, d’accompagner un public professionnel varié et de soutenir la croissance de son activité, tant au niveau commercial que pour le recrutement.
Audit UX/UI, analyse du site existant
Avant de concevoir la moindre interface, nous avons réalisé un audit complet. L’analyse UX a révélé que la navigation manquait de logique et de fluidité. Les utilisateurs avaient du mal à identifier les informations essentielles et à se repérer parmi les contenus, faute de hiérarchie claire ou d’appels à l’action visibles.
L’analyse UI a montré que la charte graphique n’était plus alignée avec l’image actuelle du groupe. Les visuels n’étaient pas suffisamment mis en valeur et l’ensemble manquait de rythme et de cohérence. Les animations étaient absentes, ce qui donnait une impression de rigidité.
D’un point de vue SEO et technique, la structure Hn n’était pas optimisée, le maillage interne était insuffisant et les performances globales du site nécessitaient une amélioration pour répondre aux exigences des Core Web Vitals.
Cet audit a servi de fondation à la nouvelle architecture du site.
Création du Sitemap : une arborescence orientée conversion
Nous avons ensuite conçu une arborescence entièrement repensée, pensée pour faciliter la navigation, renforcer la clarté du contenu et guider rapidement chaque typologie de client vers les informations qui le concernent.
Le nouveau sitemap met en avant les expertises, les pages dédiées aux différents publics professionnels, les réalisations du groupe, la partie carrière et une page contact entièrement revue. Cette organisation permet un accès plus direct à l’essentiel, limite la perte d’information et améliore la fluidité de circulation sur le site, tant sur desktop que sur mobile.
Wireframes : un travail UX pur sur Figma
La phase suivante a consisté à produire une série de wireframes basse fidélité sur Figma. Ces premiers schémas ont permis de poser la structure sans distraction visuelle, en se concentrant uniquement sur la logique utilisateur et la hiérarchie des blocs.
Chaque page clé a été testée, ajustée et validée : la navigation, les zones chaudes, l’emplacement des appels à l’action, les systèmes de filtrage, les pages “Professionnels”, ainsi que les pages de contenus comme les réalisations et les fiches projet.
Cette base solide a servi de guide pour la rédaction SEO et pour l’ensemble de la suite du projet.
Design UI : création d’une identité digitale moderne et sobre
Une fois les wireframes finalisés, la phase de design UI a permis de donner vie au projet. Nous avons créé des maquettes haute fidélité dans Figma en nous inspirant de la nouvelle identité du groupe tout en lui apportant une touche plus moderne et professionnelle. L’approche UI s’est construite autour d’une palette sobre, d’une hiérarchie visuelle forte, de visuels immersifs et de composants cohérents permettant de créer une expérience fluide et agréable. Les pictogrammes ont été créés sur mesure et les animations ont été pensées pour apporter de la légèreté : transitions, fade-in, interactions au scroll…
Le résultat est un site élégant, lisible, impactant et parfaitement aligné avec l’ADN de Vergnaud.
Prototype intéractif : tester l’expérience avant développement
Les maquettes ont ensuite été transformées en un prototype Figma interactif. Cette version cliquable a permis de visualiser le comportement du futur site, de simuler les parcours utilisateurs sur desktop et mobile, et de vérifier la fluidité de la navigation ainsi que la pertinence des CTA. Le prototype a été partagé au client mais aussi au développeur afin de préparer une intégration la plus fidèle possible.
Un site moderne, fluide et orienté performance
Ne soyez pas timide
Vous avez déjà essayé de faire un château de cartes pendant une tempête de neige ?
C’est plus difficile que de remplir notre formulaire de contact…