Application

Ville de Montréal

Pour une gestion des chantiers plus efficace

Réalisation de l’interface utilisateur pour une application interne de la Ville de Montréal, permettant la planification des projets et des chantiers à long terme.

Année

De septembre 2019 à octobre 2022

Client

Projet réalisé pour le service des Technologies de l’information de la Ville de Montréal

Expertises
Vignette du projet

À propos

AGIR est un outil développé par le Bureau d'intégration et de coordination de la Ville de Montréal. L'application s'inscrit à cette volonté de développement urbain et de saine gestion des travaux en permettant à plusieurs acteurs de mieux gérer les chantiers futurs. L'outil, basé sur le web, se veut une plateforme qui centralise toute cette gestion pour les acteurs impliqués, autant chez les élus, les planificateurs que les différentes propriétaires des actifs sur le territoire de la Ville de Montréal.

Mon rôle

  • Lead design sur le projet
  • Analyse de l'expérience utilisateur et design de l’interface

Principales tâches

  • Réalisation des maquettes à partir de l’analyse des besoins d’affaires, dans le logiciel Figma
  • Documentation des fonctionnalités et des spécifications techniques dans Jira
  • Ateliers de validation avec le PO et les utilisateurs finaux
-/-

Différentes rencontres et ateliers avec les utilisateurs principaux de l’application, pour analyser le processus passé de planification.

Contexte

En tant que lead designer sur le projet, mon rôle était de réaliser les écrans de l'interface, à la lumière des rencontres utilisateurs et des besoins d'affaires illustrés par les analystes.

Tâche

Au fil du processus des sprints agile, je m'assure d'intégrer ses nouvelles fonctionnalités de manière constante dans l'application, en plus de faire évoluer certains écrans réalisés dans le passé.

Process

En plus de mener plusieurs types d'ateliers avec les clients et membres de l'équipe, je suis responsable de la documentation des fonctionnalités et des spécifications techniques dans Jira.

J'ai créé plusieurs artefacts pour la documentation des processus internes nécessaires au fonctionnement de l'application.

J'ai créé plusieurs artefacts pour la documentation des processus internes nécessaires au fonctionnement de l'application.

J'ai également documenté différentes architectures d'information utiles pour la présentation de plusieurs sections à l'intérieur de l'application.

J'ai également documenté différentes architectures d'information utiles pour la présentation de plusieurs sections à l'intérieur de l'application.

Rendu final

Découlant du design system Hochelaga, qui est d’abord pensé pour le contenu de Montréal.ca, l’interface a été adapté en fonction de l’utilisation interne de l’application et de ses besoins particulier de cartographie et de présentation de l’information

UX

Défi

L’interface présente différents types d’informations sous plusieurs formes, allant des cartes aux fiches techniques, à des éléments de programmation, des tableaux et des résumés.

Direction

Défi

Le défi était de garder une interface simple et épurée afin d’aider l’utilisateur à bien s’orienter et à mieux comprendre l’information qui leur est présentée dans ces interfaces, souvent en très grande quantité.

Process

Défi

Durant mes 2 ans sur le projet, j'ai pu faire itérer plusieurs sections et fonctionnalités, tout en m'accordant avec les styles du design system qui étaient conçues et évoluaient en même temps que mon projet.

Avant: Première version de l’interface, proposée par le précédent designer sur le projet

Avant: Première version de l’interface, proposée par le précédent designer sur le projet

Après: Évolutions et itérations faites sur les différentes parties de cet écran au terme de mes 2 ans sur le projet, au fil des fonctionnalités développées.

Après: Évolutions et itérations faites sur les différentes parties de cet écran au terme de mes 2 ans sur le projet, au fil des fonctionnalités développées.

Collaborateurs

Équipe projet

Designer UI/UX précédent : Dimitri Urban
Product Owner : Isabelle Béchard
Analyse d’affaire et programmation: CGI

Conseillers

Experts UX (Ville de Montréal) : Jean-François Poulin, Julia Couture
Designer UI (Design system) : Fabien Laborie