Page d'accueil du site de la Mairie d'Albi

Un site plus sobre et pensé pour les usagers.

La mairie d’Albi entame une refonte graphique et ergonomique du site internet albi.fr avec la volonté d’appliquer une démarche de conception centrée utilisateur. En complément des dimensions ergonomique et graphique, deux autres axes majeurs sont travaillés en profondeur : la mise en place d’une approche servicielle, un design accessible et initialiser une une démarche d’écoconception.

Client

Mairie d'Albi

Projet

Site internet

Expertise

Design UX I UI

Année

2024

Etude préliminaire sur l'architecture du futur site de la Mairie d'Albi

Proposer des accès directs vers les services

La vision est claire : simplifier la vie des usagers et améliorer la perception de la ville par les citoyens.  Au lieu de se concentrer uniquement sur l’actualité, le futur site mettra en avant des accès directs vers les services les plus demandés. Les informations essentielles sont identifiées et restructurées pour offrir une mise en page claire et un contenu concis. L’arborescence et la navigation ont été optimisées pour garantir une expérience fluide. Ces améliorations permettent aux usagers de naviguer aisément sur le site principal.

Arborescence du nouveau site de la Mairie d'Albi

Une identité au service du contenu

Le nouveau portail doit refléter l’identité de la mairie d’Albi avec discrétion et sobriété, en mettant en valeur le contenu. Pour cela, le logo a été réinterprété afin d’exploiter ses courbes et ses couleurs comme des éléments graphiques à part entière. Ces derniers habillent les fonds par grâce à de formes et contre-formes dynamiques, apportant rythme et harmonie à l’ensemble. Ce travail graphique instaure une sobriété tout en douceur, reflétant l’image accueillante de la mairie.

D’autre part, dans une logique de certification de l’accessibilité du site, le design se devait de respecter les critères WCAG 2.1 (niveau AA). Les maquettes ont déjà été pré-auditées et certifiées conformes par Access42. Une attention particulière a été portée aux contrastes des couleurs, ainsi qu’à la lisibilité des composants et à la simplification des parcours, afin d’assurer un accès optimal aux informations.

Logo et formes de l'identité de la Mairie d'Albi
Couleurs typo et motifs du nouveau site de la Mairie d'Albi
Librairie d'icones de la Mairie d'Albi
Pages du site de la Mairie d'Albi

Repenser la place des visuels

Un site plus sobre repose sur plusieurs aspects, notamment le traitement des images. Les photographies ont été soigneusement optimisées,  visant une approche plus écoconçu et minimaliste. Cette démarche vise à limiter l’impact environnemental tout en préservant l’identité visuelle de la mairie d’Albi.

  • Pour atteindre cet objectif, plusieurs ajustements ont été réalisés :
    Les photos sont affichées partiellement, jamais en pleine largeur.
  • Deux solutions sont systématiquement appliquées : l’intégration des photos dans des formes et/ou leur traitement chromatique basé sur la charte couleur.

Dans le cadre d’un site de ville les visuels sont importants et nécessaires. Ces optimisations réduisent le poids des images tout en apportant du dynamisme à l’interface, assurant ainsi un équilibre entre performance technique et esthétique.

Optimisation du poids des images sur le site de la Mairie d'Albi
Optimisation du poids des images sur le site de la Mairie d'Albi
Optimisation du poids des images sur le site de la Mairie d'Albi
Pages du site de la Mairie d'Albi