Copro

COPROMATIC est un logiciel de gestion de copropriétés pour les syndics professionnels et bénévoles.

Copromatic cover
icon : star white simpleicon : star white simpleicon : star white simple

2018

Saas

product design

icon : arrow right-down red

En 2018, cette start-up souhaite faire évoluer son produit pour étoffer son offre de services.

Contexte

Après 5 ans de développement, cette jeune start-up avait besoin de poursuivre l'évolution de son produit. Ce logiciel avait été créé à partir d'un template, qui ne correspondait plus aux besoins actuels.

Scope

Afin de capitaliser sur les fonctionnalités déjà existantes, il était important de restructurer le logiciel, de lui donner une homogénéité et un design system permettant d'implémenter les évolutions futures.

Backlog
Datas
Gestion projet
Architecture
Design sytem

1.Discovery

Brief
Goals
Planning

En lien avec le product owner, les objectifs principaux ont été ciblés : corriger les principales erreurs existantes et implémenter de nouvelles fonctionnalités.
L'enjeu est d'améliorer l'expérience utilisateurs, et de restructurer l'application pour faciliter son développement.

Analyse
Datas
User flow
Sitemap

Le redesign est en effet une opportunité d'améliorations : parcours utilisateurs, navigation, dataviz, fonctionnalités, notifications, ...

Pour commencer, une analyse de l'existant s'impose. Par l'ensemble des données : leur typologie, leur traitement et affichage; l'ensemble des fonctionnalités présentes et leurs comportements, ainsi que la navigation.

2.Delivery

Structure
Mockups
UX/UI design
Iteration
Design system

Parmi les éléments traités pour le redesign de cette application : chaque fonctionnalité a été retravaillée et homogénéisée dans l'ensemble l'application (tableaux, filtres, ...), la navigation simplifié (réorganisation de la sidebar, menus et sous-menus, breadcrumb).
En parallèle, un travail sur l'interface a été fait : titres, liens, buttons, typos, nouvelle palette de couleurs, grilles.

Cela a permis de mettre en place un design system, garant de l'homogénéité des écrans, et utile pour les évolutions à venir.
Ces nouveaux composants ont aussi permit d'introduire l'accessibilité web quand cela était possible : tailles (de typo, button), contraste, navigation (hiérarchie, liens, fonction de recherche, filtres), formulaires,...

L' existant :

Gallery

Afin de réduire les coûts de développement, de faire évoluer et d'implémenter rapidement de nouvelles fonctionnalités, l'évolution de ce produit a été faîte en 2 étapes :
1. l'homogénéisation de l'existant et l'introduction de nouveaux éléments
2. la création d'un design system permettant l'évolution de ce logiciel.

Ce travail de refonte m'a permis parallèlement de mettre en place pour cette star-up une gestion de projets, ainsi qu'un process de design avec l'équipe de développement (design system, design reviews), et de créer une documentation adaptée (guidelines, mind maps, wiki).