Retour
Aperçu du produit Tilid

Tilid

Link

CONTEXTE

Tilid est une plateforme digitale conçue pour accompagner les entreprises dans la structuration et l’optimisation de leurs processus de gestion de projet et de suivi qualité.

Sur ce projet, j’ai participé à la conception de l’ensemble de l’expérience produit, du site web marketing à l’application métier et à son back-office. Mon travail a consisté à concevoir des parcours utilisateurs cohérents, des interfaces intuitives et une expérience unifiée, en veillant à la clarté, à la lisibilité et à la qualité d’exécution sur l’ensemble de l’écosystème.

ROLE

Product Designer

TEAMMATE

Anaïs Duval

OUTILS

Figma


DESIGN PROCESS

Schéma du double diamant : Discover, Define, Develop, Deliver
Double diamants

DISCOVER

Pour comprendre à qui s’adresse Tilid et sur quel terrain il se positionne, je me suis appuyée sur une analyse concurrentielle et sur la définition de personas.

Qui sont les utilisateurs ?
Quels sont leurs besoins ?
Quelles frustrations rencontrent-ils ?
Quel est le contexte d’utilisation ?

Pour situer Tilid, j’ai comparé les principaux outils du marché. Les références sont soit trop complexes (Jira), soit trop génériques (Trello, Notion, Linear) pour un vrai suivi qualité. Tilid occupe l’espace laissé libre : simple à prendre en main et orienté qualité.

Analyse concurrentielle : comparaison de Tilid avec Jira, Trello, Linear et NotionCarte de positionnement : l’espace laissé libre par le marché

Pour garder l’utilisateur au centre, j’ai défini deux profils types d’une équipe projet : un profil non technique et un profil technique. Ils incarnent les besoins, frustrations et contextes d’usage qui guident les décisions de conception.

Persona Karim, profil technique
Persona Manon, profil non technique

Ces enseignements se resserrent alors en une problématique claire, point de départ de la phase Define.

DEFINE

Problématique

Comment concevoir une plateforme de gestion de projet qui simplifie le suivi qualité sans sacrifier les fonctionnalités essentielles ?

À partir de là, j’ai cadré le périmètre et défini les principaux user flows du projet, en distinguant les écrans des actions système pour aligner l’équipe avant le maquettage.

Exemples de user flows de Tilid
User flow exemples

DEVELOP

Après avoir défini les besoins et les parcours utilisateurs, j’ai conçu les wireframes afin de valider la structure des interfaces, la hiérarchie des informations et les principaux flux de navigation. Cette étape a servi de base à la réalisation des maquettes haute fidélité de l’ensemble du produit.

Wireframe de la vue Kanban
Wireframe de la vue Tickets

Pour des raisons de confidentialité, les maquettes de l’application et du back-office ne peuvent pas être présentées dans ce portfolio ; seuls les wireframes sont donc visibles. En revanche, les maquettes du site web ont été mises en production et sont directement visibles à travers le siteTilid.

Maquette du site web Tilid
Maquette du dashboard Tilid

DELIVER

Une version de production de l’application a été finalisée et mise à disposition d’un groupe d’utilisateurs test afin de valider les parcours et recueillir leurs retours. Les observations issues de cette phase ont permis d’itérer sur certains écrans et d’affiner l’expérience utilisateur. Le déploiement public de la plateforme est intervenu après mon départ de l’entreprise.

120+

Tickets gérés

8

Utilisateurs test

“L’interface est beaucoup plus claire et les informations sont plus faciles à retrouver au quotidien.”
Utilisateur tests

IA ?

Ce projet a été réalisé avant que l’IA ne fasse partie de mon processus de conception. Aujourd’hui, je l’utiliserais pour accélérer certaines tâches, comme la création de personas, de user stories ou l’exploration de pistes de conception, afin de consacrer davantage de temps à la recherche utilisateur, aux tests et aux itérations.

Outil d’IA générativeFigma