Aller au contenu principal

Refonte de site vitrine pour la base de données nationale des bâtiments

Le contexte

La Base de Donnée Nationale des Bâtiments a été mise en place par le Centre Scientifique Technique des Bâtiments (CSTB) afin de proposer le meilleur socle de données possible à l’ensemble des acteurs intéressés.

Photo d'illustration du site vitrine de la BDNB avec un ordinateur

Entreprise

CSTB (Centre Scientifique Technique des Bâtiments)

 

Secteur d’activité

Formation en facilitation graphique, gestion du temps et organisation du travail

 

Taille de l’entreprise

Grande entreprise – Domaine public

 

Cible

Les professionnels du bâtiment

 

Localisation

Champs-sur-Marne (77)

 

Année de réalisation

2024

 

Site

bdnb.io

Problématiques
& Objectifs

La feuille de route

Problématiques

Une identité visuelle peu appliquée sur le site

La nouvelle identité visuelle a été conçue sans site internet.

L’ancien site était donc en décalage avec celle-ci : mauvaises couleurs, logo très petit, éléments hétérogènes empêchaient une uniformité avec tous les supports de communication.

Une navigation et une compréhension difficiles

L’arborescence du site était mal optimisée, rendant la navigation difficile. Les contenus étaient également à revoir : on avait du mal à identifier ce qu’est la BDNB et quelles offres elle propose.

Plan d'action

Refonte totale du site :

 

  • Refonte de l’expérience utilisateur : changement des contenus, de la hiérarchie des informations sur les pages, de l’arborescence.
  • Refonte de l’interface : adaptation du site à la nouvelle identité visuelle, création de visuels et de pictogrammes, recherche de photos adéquates.
  • Conservation de GoHugo pour la gestion des contenus : le précédent site était déjà conçu sur le framework GoHugo pour la gestion des pages et articles, la contrainte technique était de conserver cet outil sur le nouveau site.
Photo d'illustration du site vitrine de la BDNB avec un ordinateur

Solutions
apportées

Résultats obtenus

Un process sur-mesure

Parce que chaque client est unique, les solutions apportées ont été définies en fonction de plusieurs facteurs qui sont propres à chaque entreprise.

Expertise

  • Conseil UX/UI
  • Conception de wireframes.
  • Ateliers UX avec les équipes.
  • Création d’une maquette sur-mesure.
  • Intégration sur GoHugo.
  • Validation des conformités RGPD, RGAA, sécurité et performance.

Outils

  • GoHugo
  • Gitlab

Conseil en Expérience Utilisateur (UX)

Le site a fait l’objet d’une longue phase de recherche en Expérience Utilisateur via des ateliers avec les équipes en charge du développement de la BDNB.

Un parcours entièrement repensé

La navigation sur le site a complètement été revue pour mettre en avant la page contact, les offres et la page téléchargement qui sont les pages les plus consultées.

Une meilleure compréhension des offres

Grâce à une refonte des contenus et une structuration plus intuitive, les visiteurs comprennent plus rapidement les services proposés par la BDNB et l’engagement et la conversion sont facilités.

Capture d'écran de l'ancien site BDNB

Avant

Capture d'écran du nouveau site vitrine BDNB

Après

Photo d'illustration du site vitrine de la BDNB avec un ordinateur
Photo d'illustration du site vitrine de la BDNB avec un téléphone
Capture d'écran d'un détail du site vitrine BDNB
Capture d'écran d'un détail du site vitrine BDNB

Discutons de votre projet :

N’oubliez pas d’indiquer toutes les informations qui peuvent m’être utiles dans une demande de devis : lien du site, documents, questions, et autres détails sont les bienvenus !

Chers étudiants je ne peux malheureusement pas accueillir d’alternant ou de stagiaire actuellement.

Suivez-moi sur les réseaux

Vous êtes une agence ou un freelance :