La STIB souhaitait créer un nouveau site web avec plusieurs objectifs clés :
Le projet présentait des défis majeurs :
La création du nouveau site web est le fruit des équipes de la STIB et de plusieurs partenaires dont Anysurfer et Smile. Elle a été guidée par trois piliers fondamentaux : l’accessibilité, l’efficacité e-commerce et la collaboration agile, qui ont façonné chaque étape du projet pour offrir une plateforme inclusive et performante.
Dès le début du projet, une approche “Accessibility by Design” a été adoptée, permettant d'intégrer l’accessibilité à chaque étape de la conception. Les prototypes d’écrans ont été conçus pour garantir une navigation claire et intuitive, en appliquant les guidelines WCAG 2.2 (contrastes adaptés, interlignes optimisées, espaces clairs, double validation, contenus clairs, etc). Dans le code, l’accessibilité a aussi été appliquée afin de rendre le contenu visuel compréhensible et accessible aux personnes avec un handicap.
Les tests utilisateurs ont joué un rôle clé, avec un large panel représentatif, incluant des personnes en situation de handicap. Ces retours ont permis d’affiner chaque détail du design pour répondre aux besoins de tous.
La création d’un design system accessible dès le départ a également constitué un élément important de l’accessibilité du site web et a permis de garantir la cohérence et la simplicité d’utilisation à long terme. Chaque composant y est pensé pour être modulable et conforme aux standards d’accessibilité, favorisant une expérience fluide pour tous les utilisateurs.
Afin de répondre aux normes d’accessibilité WCAG , la STIB et les partenaires ont été accompagnés étroitement par Anysurfer, un organisme spécialisé dans la certification de l’accessibilité numérique. Ils ont testé rigoureusement chaque nouvelle fonctionnalité, permettant d’identifier et d’ajuster rapidement les points à améliorer, mais aussi de garantir que chaque écran, interface ou fonctionnalité était optimisé pour une accessibilité maximale. Le design system lui-même a été soumis à un audit approfondi, obtenant des excellents résultats.
Pour répondre aux besoins des voyageurs, les flux e-commerce ont été simplifiés et harmonisés avec ceux de l’application mobile. Ce processus a nécessité une compréhension approfondie des spécificités du métier de ticketing et une collaboration étroite avec les équipes de la STIB pour garantir une parfaite adéquation entre la technique et les exigences opérationnelles.
Le projet s’est construit grâce à une collaboration agile entre toutes les parties prenantes sous forme de sprint de 3 semaines. Chaque fonctionnalité a été rigoureusement pensée, testée, ajustée et développée pour atteindre une qualité optimale.
Cette collaboration a permis de construire un site offrant :
Obtenir le label Anysurfer est un accomplissement et une reconnaissance précieuse de notre engagement à concevoir un site véritablement accessible à tous les voyageurs. Ce label certifie que notre travail en matière d’accessibilité répond aux standards les plus exigeants et contribue à faire du site un outil inclusif et performant.
Jérémy Gabriel
Front-End Designer, Smile