Aller au contenu principal
Toutes les référencesUX/UI · Application citoyenne · Ateliers · Design system

Châlons Agglo · Fagnières · Saint-Martin-sur-le-Pré

Cnnecte
Châlns.

Repenser l'expérience de l'application citoyenne d'un territoire connecté : parcours, interface et ateliers de co-design, aux côtés d'Equans et des mairies.

UX / UIApplication citoyenneAteliers de co-designDesign system
Connecte Châlons, identité de territoire
01

Le territoire

Trois communes, un même accès aux services.

Connecte Châlons donne un nom et une interface à une transformation portée par Châlons Agglo, Fagnières et Saint-Martin-sur-le-Pré. Mobilité, services publics mutualisés, citoyenneté connectée : l'enjeu était de rendre ces usages plus lisibles, plus accessibles et plus simples à adopter.

Porte 7 a repensé l'expérience UX/UI de l'application citoyenne : arborescence, parcours, hiérarchisation de l'information et maquettes prêtes à intégrer, aux côtés d'Equans, opérateur de la plateforme, et de l'agence RJS, notre maison-mère, qui a posé l'identité de marque.

ChâlonsFagnièresSaint-Martin

Notre territoire se transforme avec vous.

Application citoyenne · Connecte Châlons · Châlons Agglo

Écran d'accueil repensé de l'application Connecte Châlons
Avant
02

Le défi

Une solution sur étagère, des usages réels.

La plateforme technique existait déjà: une solution sur étagère, opérée par Equans, avec ses contraintes et ses écrans imposés. L'enjeu n'était pas de tout redévelopper, mais de réorganiser l'expérience pour qu'un habitant s'y retrouve immédiatement.

Au quotidien, on ouvre ce type d'application pour une raison précise : une démarche, un horaire, un signalement. L'interface a été repensée autour de ces gestes, pour atteindre les services les plus utilisés avec un minimum de clics.

03

Les ateliers

Décider avec les maires, pas à leur place.

En ateliers participatifs avec les maires des trois communes, les équipes d'Equans et RJS, nous avons interrogé les usages réels : ce qui pouvait être adapté tout de suite, ce qui demandait un développement spécifique, ce qui pouvait attendre.

Des prototypes interactifs ont aidé chacun à se projeter et à trancher. De ces arbitrages sont sortis les quick wins mis en place immédiatement, et une feuille de route claire pour les évolutions à venir.

Écran signalements voirie et propreté
Écran espace citoyen et démarches

L'application citoyenne

Avant. Après.

Partir d'une solution sur étagère, puis la travailler avec les mairies et Equans.

Interface de l'application avant la refonte
Interface de l'application après la refonte UX/UI

Tirez la poignée pour comparer

UX/UI · Interface citoyenne

L'accès citoyen, simplifié.

En atelier, nous avons interrogé les usages réels : ce qui pouvait être adapté tout de suite, et ce qui demandait un développement spécifique. Des prototypes interactifs ont aidé chacun à se projeter et à trancher.

Au quotidien, un habitant ouvre l'application pour une raison précise : une démarche, un horaire, un signalement. L'interface a été réorganisée autour de ces gestes, pour atteindre les services les plus utilisés avec un minimum de clics.

L'interface, écran par écran

Douze piliers du quotidien, un même langage.

Écran accueil de l'application Connecte Châlons
Écran accueil de l'application Connecte Châlons
Écran mobilité, transports et stationnement
Écran agenda des événements du territoire
Écran signalements voirie et propreté
Écran espace citoyen et démarches
Écran santé et centres de soins
Écran déchets et calendrier de collecte
Écran enfance et éducation
Écran lieux utiles autour de moi
Écran numéros utiles et services
Écran tourisme et découverte du territoire
Écran vie sportive et équipements

Mobilité, démarches, signalements, santé, déchets, enfance : chaque pilier du quotidien suit la même logique d'écran, pour que l'habitude prise sur un service serve à tous les autres.

Porte 7 · UX/UI · Ateliers · Design system

Une expérience conçue pour des services plus faciles à adopter.

Les communes et Equans disposent de parcours documentés et d'un design system prêts à couvrir les nouveaux services : sans refondre l'interface, sans repasser par l'agence.

UX / UIRefonte de l'interface citoyenne : arborescence, parcours, hiérarchisation de l'information, maquettes prêtes à intégrer
AteliersCo-design participatif avec les maires des trois communes, RJS et Equans : quick wins et feuille de route
Design systemPictogrammes par pilier, composants d'interface, documentation pour extension autonome par le territoire
IdentitéLogotype, palette et système graphique posés avec l'agence RJS, notre maison-mère
EQUANS
Opérateur technique, plateforme Connecte Châlons

Branding · En binôme avec l'agence RJS

Une identité posée par RJS, une expérience portée par Porte 7.

Connecte Châlons est un projet mené en binôme au sein de notre écosystème : l'agence RJS, notre maison-mère, a créé l'identité de marque du territoire (logotype, palette, système graphique) et l'a déclinée jusqu'à l'affichage et la signalétique. Porte 7 a inscrit l'expérience de l'application citoyenne dans cette identité.

Découvrir le branding côté RJS

Agence RJS

Maison-mère de Porte 7. Identité visuelle, branding et systèmes de marque : le socle graphique sur lequel s'appuie l'application.

Rendons vos services plus simples à vivre.