Erwan Barbier

Ville de Marseille

Ville de Marseille

Ville de Marseille

Repenser le site pour le rendre plus accessible et éco-conçu.

Repenser le site pour le rendre plus accessible et éco-conçu.

Avec mon équipe, j’ai analysé le site de la Ville de Marseille, puis travaillé sur des corrections d’accessibilité et d’éco-conception.

Avec mon équipe, j’ai analysé le site de la Ville de Marseille, puis travaillé sur des corrections d’accessibilité et d’éco-conception.

Le cadre

Projet de Master · 1 semaine

Mon rôle

Audits et à la refonte

L’équipe

Travail en groupe

Le travail présenté

Audits et proposition de refonte

Repérer ce qui bloque

Repérer ce qui bloque

Repérer ce qui bloque

J’ai participé à l’analyse des contrastes, de la navigation au clavier et de la structure de la page. Avec mon équipe, nous avons utilisé des outils de contraste, l’inspecteur du navigateur et HeadingsMap pour repérer les problèmes.

Ces captures montrent un contraste insuffisant et un texte alternatif manquant sur une image.

Regarder aussi le poids des pages

Regarder aussi le poids des pages

Regarder aussi le poids des pages

Nous avons examiné le poids des pages, les images, leurs formats et les polices. J’ai aussi regardé la hiérarchie des informations et l’utilisation des éléments natifs du navigateur.

Détail du design system katharsis

L’audit rassemble les points vérifiés, leur priorité et les pistes de correction.

Passer de l’audit aux écrans

Passer de l’audit aux écrans

Passer de l’audit aux écrans

Après l’audit, j’ai travaillé sur une proposition de refonte. Les points à corriger concernaient les couleurs, les médias, l’ordre de navigation au clavier et les textes alternatifs. La vidéo d’accueil, impossible à arrêter, faisait aussi partie des problèmes repérés.

Détail du design system katharsis
Détail du design system katharsis

À gauche, la page de départ. À droite, la proposition de refonte présentée dans le projet.

Le poids des images a été revu, ainsi que les contrastes du texte. Chaque rubrique a sa couleur et nous avons joué avec ça pour rendre le site plus agréable et compréhensible. La structure des pages a également été retravaillée et nous affichons uniquement le contenu utile au chargement de la page.

Erwan Barbier

Product Designer

Copyright © 2026 Erwan Barbier

Erwan Barbier

Product Designer

Copyright © 2026 Erwan Barbier

Erwan Barbier

Product Designer

Copyright © 2026 Erwan Barbier