Projet fictif UX/UI
01. Le problème
Les équipes projet manquent souvent de visibilité claire sur l'avancement des tâches, les échéances et la charge de chacun. Les outils existants sont soit trop rigides (gestion en silo), soit trop simplistes pour des équipes qui grandissent.
Objectif : concevoir une plateforme qui rende l'avancement d'un projet lisible en un coup d'œil, sans sacrifier la profondeur d'analyse pour les chefs de projet avancés.
02. Recherche & références
Pour éviter l'esthétique « template SaaS violet sur fond noir » devenue générique, j'ai orienté la direction artistique vers un registre plus éditorial et premium : typographie serif display (Fraunces) associée à Inter, palette chaude noir/cuivre plutôt que noir/violet, grain de texture subtil et curseur personnalisé. L'inspiration structurelle vient toujours de Linear (hiérarchie, densité d'info) et Ramp (espaces blancs), mais la peau visuelle s'éloigne volontairement des codes SaaS habituels pour se rapprocher de références plus éditoriales comme les sites primes sur Awwwards (grain, sérif expressif, micro-interactions).
03. Wireframes
04. Design System
Un mini design system a été défini avant la mise en page finale, pour garantir la cohérence entre landing page et application : palette chaude (fond #0B0A08, accent cuivre #D97A3F, accent secondaire doré #C9A876, succès #8FB88A), pairing typographique Fraunces (serif display, titres) + Inter (texte courant), rayon de bordure généreux (16px cartes, boutons pill 100px), grain de texture en overlay et curseur personnalisé qui réagit au survol des éléments interactifs.
Cliquez-ici !