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.
