Contexte
Preventimmo propose des documents d’urbanisme accessibles en ligne. Son produit principal, la note de renseignement d’urbanisme (NRU), est indispensable lors d’une vente immobilière et était initialement produite en interne via Microsoft Word.
Problématiques
La production manuelle des notes d’urbanisme limitait la capacité à tenir les délais de livraison sous 72 heures. Les recrutements successifs ne suffisaient pas à résoudre durablement la surcharge.
Interview
Des entretiens avec la product owner et les rédacteur·ices, complétés par des observations terrain, ont révélé de fortes frictions sur Word : une grande partie du temps était consacrée à la mise en page et à des tâches répétitives plutôt qu’au contenu.
Solution
Pour lever les contraintes de mise en page et réduire les tâches répétitives, Preventimmo a lancé Expert, un outil en ligne conçu avec les rédacteur·ices. Il automatise la génération du PDF, préremplit les données existantes et recentre la rédaction sur les parties à forte valeur ajoutée.
Expert s’intègre dans un écosystème d’outils en cours de transformation.
Dans la continuité du projet, j’ai conçu un design system commun, pour assurer cohérence, accessibilité et efficacité sur l’ensemble des interfaces, consultable à l’adresse suivante.
Personnas
Les personas représentent les principaux profils utilisateurs de l’outil, en synthétisant leurs besoins, motivations et contraintes. Ils servent de référence pour guider les choix de conception et prioriser les fonctionnalités.
Conception
User flow
Ce schéma présente le parcours utilisateur côté rédacteur·ice, en mettant en évidence les étapes clés et les points d’automatisation du processus.
Pour les éléments clés du document
Au sein de l’outil, le contenu repose sur trois éléments principaux :
Groupements de règles : organisent les règles par thématique, assurant cohérence dans l’interface et dans le PDF final.
Structure : sections modulaires et éditables, reprenant l’architecture historique de Word.
Clés : variables dynamiques insérées dans le texte pour limiter la ressaisie, réduire les erreurs et standardiser la formulation.
Règles
Les règles sont des éléments de formulaire (choix, texte, texte à trou) gérés via un éditeur WYSIWYG. Réutilisables et conditionnelles, elles assurent cohérence, scalabilité et adaptation aux besoins métier.
Pré-Remplir
Le pré-remplissage automatique, basé sur l’applicabilité territoriale et des données métier, permet de réduire la saisie manuelle, limiter les erreurs et accélérer la rédaction.
Affichage rédacteur·ices
Côté rédacteur·ice, l’interface se concentre sur les règles à forte valeur ajoutée, avec des outils et aides contextuelles pour fluidifier la rédaction.
Éléments libres
Des éléments libres permettent aux rédacteur·ices d’adapter le contenu à des cas spécifiques, sans rompre la structure du document.
UI Design
Couleurs
L’idée principale était d’avoir une couleur non-utilisée par une des marques du groupe. Une des couleurs non utilisée était le mauve / violet
Texte
Le choix typographique privilégie le confort de lecture : Roboto pour les titres, et Roboto Slab pour les textes courants, offrant un bon rythme et une stabilité visuelle sur les contenus longs.
Icones et illustrations
Illustrations
Pour illustrer les grandes thématiques du projet, j’ai créé une iconographie épurée, alliant simplicité iconographique et traitement graphique travaillé.
Ces images, à la fois essentielles et expressives, renforcent l’identité visuelle tout en facilitant la communication des idées principales.
- ×
- ×
- ×
- ×
- ×
- ×
- ×
Icones
Les icônes ont été conçues dans un style au trait homogène, avec des fonds colorés simples pour améliorer leur lisibilité et leur reconnaissance. Leur intégration est assurée via IcoMoon, garantissant une bibliothèque légère et maintenable.
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×
- ×