CityFlows : un SaaS pour faciliter la planification des travaux publics

CityFlows : un SaaS pour faciliter la planification des travaux publics

Description du projet

Description du projet

CityFlows est un projet personnel réalisé dans le cadre d'un sprint de design de 24 heures en septembre 2025. L'objectif était de développer une solution innovante de type SaaS à un problème touchant les petites municipalités canadiennes.

CityFlows est un projet personnel réalisé dans le cadre d'un sprint de design de 24 heures en septembre 2025. L'objectif était de développer une solution innovante de type SaaS à un problème touchant les petites municipalités canadiennes.

Équipe

Zacharie Routhier

Rôle

Product designer

Contexte

Contexte

Les petites villes canadiennes doivent entretenir un vaste réseau d’infrastructures : routes, trottoirs, panneaux, égouts, lampadaires. Elles s’appuient sur des inspections régulières pour planifier et anticiper les travaux publics qu'elles auront à réaliser.


Une partie de ces inspections sont planifiées de façon manuelle par des employés employés municipaux après une ronde de surveillance, ou après avoir reçu un signalement d'un citoyen. D’autres sont prévues automatiquement par un système informatique en fonction de différents facteurs, comme le vieillissement anticipé d'une infrastructure ou des événements météorologiques de forte intensité.

Les petites villes canadiennes doivent entretenir un vaste réseau d’infrastructures : routes, trottoirs, panneaux, égouts, lampadaires. Elles s’appuient sur des inspections régulières pour planifier et anticiper les travaux publics qu'elles auront à réaliser.


Une partie de ces inspections sont planifiées de façon manuelle par des employés employés municipaux après une ronde de surveillance, ou après avoir reçu un signalement d'un citoyen. D’autres sont prévues automatiquement par un système informatique en fonction de différents facteurs, comme le vieillissement anticipé d'une infrastructure ou des événements météorologiques de forte intensité.

Problématique

Problématique

Les directeurs des travaux publics des petites municipalités canadiennes reçoivent chaque jour des dizaines de demandes d’inspections. Entre celles produites par les employés et celles produites par les algorithmes, il devient difficile pour eux d'identifier rapidement les dossiers prioritaires et de faire une planification efficace des inspections. Cela se traduit par des pertes de temps couteuses dans la planification et la réalisation de travaux publics.

Les directeurs des travaux publics des petites municipalités canadiennes reçoivent chaque jour des dizaines de demandes d’inspections.


Entre celles produites par les employés et celles produites par les algorithmes, il devient difficile pour eux d'identifier rapidement les dossiers prioritaires et de faire une planification efficaces des inspections.


Cela se traduit par des pertes de temps couteuses dans la planification et la réalisation de travaux publics.

Démarche

Démarche

Cet exercice a été réalisé dans le cadre d'un sprint de design de 24 h selon la méthodologie agile. Comme l'objectif est d'arriver rapidement à un prototype fonctionnel afin de réaliser des tests, je suis parti d'un cahier des charges précis.

Cet exercice a été réalisé dans le cadre d'un sprint de design de 24 h selon la méthodologie agile. Comme l'objectif est d'arriver rapidement à un prototype fonctionnel afin de réaliser des tests, je suis parti d'un cahier des charges précis.

Utilisateur cible

Utilisateur cible

Un directeur des travaux publics pressé qui doit filtrer les différentes demandes d'inspection selon leur importance. À l'occasion, il doit également remplir de nouvelles demandes d'inspections.

Un directeur des travaux publics pressé qui doit filtrer les différentes demandes d'inspection selon leur importance. À l'occasion, il doit également remplir de nouvelles demandes d'inspections.

Livrables

Livrables

Tableau de bord des inspections : Interface web claire et rapide pour consulter, trier et filtrer les inspections selon leur statut (ouverte, fermée), leur type (manuel ou automatique), et leurs principales informations : ID, type d’actif, priorité, emplacement et statut.


Formulaire de demande d'inspection : Formulaire simple pour permettre au personnel de consigner rapidement une inspection manuelle avec ses informations essentielles.


  • Tableau de bord des inspections


    Interface web claire et rapide pour consulter, trier et filtrer les inspections selon leur statut (ouverte, fermée), leur type (manuel ou automatique), et leurs principales informations : ID, type d’actif, priorité, emplacement et statut.


  • Formulaire de demande d'inspection


    Formulaire simple pour permettre au personnel de consigner rapidement une inspection manuelle avec ses informations essentielles.

Afin de livrer rapidement un prototype fonctionnel, j'ai travaillé avec Figma Make et Lovable, des outils d'intelligence artificielle générative, afin de créer et d'évaluer la qualité de différentes interfaces.

Afin de livrer rapidement un prototype fonctionnel, j'ai travaillé avec Figma Make et Lovable, des outils d'intelligence artificielle générative, afin de créer et d'évaluer la qualité de différentes interfaces.

Version préliminaire du tableau de bord des inspections généré par Figma Make

Version préliminaire du tableau de bord des inspections généré par Figma Make

Solution

Solution

Tableau de bord des inspections

Tableau de bord des inspections

Le tableau de bord proposé s'articule en trois sections distinctes, mais complémentaires, visant à offrir aux directeurs des travaux publics une manière simple et intuitive de gérer les demandes d'inspection.

Le tableau de bord proposé s'articule en trois sections distinctes, mais complémentaires, visant à offrir aux directeurs des travaux publics une manière simple et intuitive de gérer les demandes d'inspection.

Champ de recherche

Champ de recherche

Un système de recherche et de filtrage permettant aux utilisateurs de trouver rapidement une inspection spécifique.

Un système de recherche et de filtrage permettant aux utilisateurs de trouver rapidement une inspection spécifique.

Aperçu des inspections

Aperçu des inspections

Une section du tableau de bord offrant une vue d’ensemble des inspections, conçue pour faciliter la lecture rapide, le filtrage et l’action sur les éléments nécessitant une attention particulière.

Une section du tableau de bord offrant une vue d’ensemble des inspections, conçue pour faciliter la lecture rapide, le filtrage et l’action sur les éléments nécessitant une attention particulière.

Liste des inspections

Liste des inspections

Une liste d’inspections épurée qui met en avant les informations les plus pertinentes et qui peut être réorganisée par catégorie en un seul clic.

Une liste d’inspections épurée qui met en avant les informations les plus pertinentes et qui peut être réorganisée par catégorie en un seul clic.

Solution

Solution

Formulaire de demande d'inspection

Formulaire de demande d'inspection

Le formulaire de demande d'inspection a été conceptualisé selon trois principes de design :

Le formulaire de demande d'inspection a été conceptualisé selon trois principes de design :

Simplicité

Simplicité

Une liste d’inspections épurée qui met en avant les informations les plus pertinentes et qui peut être réorganisée par catégorie en un seul clic.

Familiarité

Des schémas d’interaction familiers, conçus pour être intuitifs pour tout utilisateur.

Explicabilité

Des descriptions claires et des exemples pour chaque tâche afin d’aider les nouveaux utilisateurs à se familiariser rapidement avec le formulaire.

Des descriptions claires et des exemples pour chaque tâche afin d’aider les nouveaux utilisateurs à se familiariser rapidement avec le formulaire.

CityFlows : un SaaS pour faciliter la planification des travaux publics

Description du projet

CityFlows est un projet personnel réalisé dans le cadre d'un sprint de design de 24 heures en septembre 2025. L'objectif était de développer une solution innovante de type SaaS à un problème touchant les petites municipalités canadiennes.

Équipe

Zacharie Routhier

Rôle

Product designer

Contexte

Les petites villes canadiennes doivent entretenir un vaste réseau d’infrastructures : routes, trottoirs, panneaux, égouts, lampadaires. Elles s’appuient sur des inspections régulières pour planifier et anticiper les travaux publics qu'elles auront à réaliser.


Une partie de ces inspections sont planifiées de façon manuelle par des employés employés municipaux après une ronde de surveillance, ou après avoir reçu un signalement d'un citoyen. D’autres sont prévues automatiquement par un système informatique en fonction de différents facteurs, comme le vieillissement anticipé d'une infrastructure ou des événements météorologiques de forte intensité.

Problématique

Les directeurs des travaux publics des petites municipalités canadiennes reçoivent chaque jour des dizaines de demandes d’inspections. Entre celles produites par les employés et celles produites par les algorithmes, il devient difficile pour eux d'identifier rapidement les dossiers prioritaires et de faire une planification efficace des inspections. Cela se traduit par des pertes de temps couteuses dans la planification et la réalisation de travaux publics.

Démarche

Cet exercice a été réalisé dans le cadre d'un sprint de design de 24 h selon la méthodologie agile. Comme l'objectif est d'arriver rapidement à un prototype fonctionnel afin de réaliser des tests, je suis parti d'un cahier des charges précis.

Utilisateur cible

Un directeur des travaux publics pressé qui doit filtrer les différentes demandes d'inspection selon leur importance. À l'occasion, il doit également remplir de nouvelles demandes d'inspections.

Livrables

Tableau de bord des inspections : Interface web claire et rapide pour consulter, trier et filtrer les inspections selon leur statut (ouverte, fermée), leur type (manuel ou automatique), et leurs principales informations : ID, type d’actif, priorité, emplacement et statut.


Formulaire de demande d'inspection : Formulaire simple pour permettre au personnel de consigner rapidement une inspection manuelle avec ses informations essentielles.

Afin de livrer rapidement un prototype fonctionnel, j'ai travaillé avec Figma Make et Lovable, des outils d'intelligence artificielle générative, afin de créer et d'évaluer la qualité de différentes interfaces.

Version préliminaire du tableau de bord des inspections généré par Figma Make

Solution

Tableau de bord des inspections

Le tableau de bord proposé s'articule en trois sections distinctes, mais complémentaires, visant à offrir aux directeurs des travaux publics une manière simple et intuitive de gérer les demandes d'inspection.

Champ de recherche

Un système de recherche et de filtrage permettant aux utilisateurs de trouver rapidement une inspection spécifique.

Aperçu des inspections

Une section du tableau de bord offrant une vue d’ensemble des inspections, conçue pour faciliter la lecture rapide, le filtrage et l’action sur les éléments nécessitant une attention particulière.

Liste des inspections

Une liste d’inspections épurée qui met en avant les informations les plus pertinentes et qui peut être réorganisée par catégorie en un seul clic.

Solution

Formulaire de demande d'inspection

Le formulaire de demande d'inspection a été conceptualisé selon trois principes de design :

Simplicité

Une liste d’inspections épurée qui met en avant les informations les plus pertinentes et qui peut être réorganisée par catégorie en un seul clic.

Familiarité

Des schémas d’interaction familiers, conçus pour être intuitifs pour tout utilisateur.

Explicabilité

Des descriptions claires et des exemples pour chaque tâche afin d’aider les nouveaux utilisateurs à se familiariser rapidement avec le formulaire.