Accueil
Ville de Saint-Étienne

Comment repenser l'expérience digitale d'une ville de 170 000 habitants ?

Réalisation des maquettes pour la Ville de Saint-Étienne lors de mon alternance dans l'agence de communication STRATIS.

L'Étude en Chiffres

170 000
habitants à servir via le site
Ville de Saint-Étienne
Ville de Saint-Étienne
100%
maquettes haute fidélité livrées
1
agence de communication partenaire (STRATIS)

Défis du projet

De la conception au développement, chaque étape est optimisée pour une idée unique et performante.
Industrie
Collectivité territoriale
Année
2023
Pays
France
Mon Rôle
Designer en Alternance

Le Contexte

Dans le cadre de mon alternance au sein de l'agence de communication STRATIS, j'ai participé à la refonte des maquettes du site internet de la Ville de Saint-Étienne. Ce projet m'a permis de travailler sur une interface à fort enjeu institutionnel, destinée à des milliers d'usagers aux profils très variés. L'objectif était de moderniser l'expérience utilisateur tout en respectant l'identité de la ville et les contraintes d'accessibilité du secteur public.

Objectifs techniques

Concevoir des maquettes haute fidélité multi-pages
Respecter la charte graphique et l'identité de la ville
Garantir l'accessibilité et la lisibilité pour tous les publics

Objectifs Marketing

Améliorer l'expérience des habitants sur les services en ligne
Moderniser l'image digitale de la collectivité
Faciliter la navigation entre les différents quartiers et services

Recherche & Maquettes

Analyse des besoins utilisateurs et conception de maquettes haute fidélité sur Figma, couvrant les pages principales du site : accueil, quartiers, services municipaux et actualités.

Design System & Cohérence

Mise en place d'un système de composants cohérent garantissant la lisibilité et la cohérence visuelle sur l'ensemble des pages du site, en accord avec l'identité graphique de la Ville de Saint-Étienne.

Maquettes validées

Livrables haute fidélité validés par l'agence STRATIS et le client.

Expérience utilisateur améliorée

Navigation restructurée autour des usages réels des habitants.

Cohérence visuelle

Design system appliqué sur l'ensemble des pages livrées.

Montée en compétences

Expérience sur un projet institutionnel à fort impact et grande échelle.

Forme triangulaire de la charte graphique pour la section prise de rendez-vous.

Plus que 3 projets disponibles en Juin

Échangeons sur votre projet et donnons vie à vous idées

Prendre rendez-vous
Icone flèche pour les boutons.
Forme triangulaire de la charte graphique pour la section prise de rendez-vous.