• UX / UI designer
  • Graphiste
  • Product designer
  • Designer Graphique
  • Designer cooperatif
2019

Expert

Application
Pensé pour un usage en interne, Expert facilite la création des Notes de Renseignement d’Urbanisme (NRU) et répond aux besoins concrets des utilisateurs présents sur site.
Mon rôle a été de concevoir un outil répondant aux besoins réels des utilisateurs, en remplacement de solutions existantes trop lourdes et mal adaptées aux usages.

Certains éléments de ce projet sont confidentiels. Si vous avez un accès, connectez-vous pour découvrir les visuels. Sinon, je serais ravi d’en discuter avec vous lors d’un échange privé.

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.

  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×
  • ×

Je vous accompagne dans la conception adaptées à vos besoins. Échangeons ensemble

Contactez-moi

Autres travaux