BNF Passerelle(s)
Refondre avec la Bibliothèque nationale de France une plateforme pédagogique sur l'histoire et la culture des métiers de la construction
Un site pour valoriser les métiers du bâtiment
Passerelle(s) est le fruit d’un partenariat entre le CCCA-BTP et la Bibliothèque nationale de France pour valoriser les métiers du bâtiment et les mailler avec l’histoire des constructions humaines à travers le temps. À destination des apprentis du BTP comme du grand public, le site constitue un véritable centre de ressources : plus de 65 constructions avec des modules pédagogiques, plus de 80 fiches histoire, plus de 170 œuvres d’art à la loupe et une vingtaine de quiz.
La refonte du site BNF Passerelle(s) confiée à Perméable avait trois objectifs principaux :
- Restructurer un ensemble de contenus complexes initialement développés de façon statique;
- Repenser l’ergonomie du site pour une expérience responsive toutes plateformes;
- Moderniser son design pour mieux répondre aux attentes d’un public jeune (15–25 ans).
Audit et experience map
Avant toute chose, nous avons réalisé un audit approfondi de l’existant. L’experience map et sa restitution ont permis de partager avec le client les frictions identifiées dans les parcours utilisateurs, de formuler des recommandations précises et de définir ensemble une matrice commune d’amélioration du projet.
Prototypage mobile-first
La refonte du site BNF Passerelle(s) a été pensée en mobile-first, puis déployée progressivement vers la tablette et le desktop. Un prototype navigable a été présenté au client pour ajustements et itérations, garantissant une co-construction du projet à chaque étape.
Identité visuelle
Nous avons conçu une identité visuelle représentative des métiers du bâtiment, de l’architecture et de l’histoire : un logotype modernisé s’inspirant des formes constructives, une gamme colorielle sobre composée de noir, jaune, gris et blanc cassé, et des typographies structurées (Replica, Assistant et Simplon) choisies pour leur lisibilité et leur caractère.
Création graphique de l’interface
L’interface valorise le contenu par l’image pour une meilleure adoption. Système de mosaïque, visuels plein écran, titres auto-porteurs : sur les gabarits de niveau 1 et 2, nous avons volontairement limité le texte pour laisser place aux contenus image, audio et vidéo. Ce choix éditorial renforce l’attractivité du site auprès des jeunes apprentis.
Des modules variés et engageants
Pour enrichir l’expérience pédagogique, de nombreux modules interactifs ont été intégrés : diaporamas, images à explorer, lectures audio, vidéos et quiz. La diversité des formats rend la navigation plus engageante et favorise l’apprentissage, en particulier pour une cible de 15 à 25 ans.
Une frise chronologique immersive
Nous avons conçu une frise chronologique immersive qui replace chaque construction dans les grands moments de l’histoire de l’humanité. En arrière-plan, des fiches arts et sciences viennent enrichir la compréhension des découvertes scientifiques et des préoccupations artistiques de chaque époque — un vrai fil narratif au service de la pédagogie.
