Septembre 2018 — septembre 2019
Designer produit

🫡 J’ai travaillé chez Wallarm de septembre 2018 à septembre 2019 en tant que designer produit

Déroulement du travail

Je me suis attaqué aux points de friction de Wallarm, une plateforme de cybersécurité protégeant les API, interfaces de programmation d’applications, et les applications web.

J’ai repensé la logique UX (expérience utilisateur), remis de l’ordre dans l’ancienne UI (interface utilisateur) et lancé en parallèle un véritable design system : bibliothèque de composants et tokens sémantiques synchronisés avec le frontend.

En cybersécurité, il faut distinguer rapidement le signal du bruit. Je me suis concentré sur le flux d’incidents : passer du trafic brut et des alertes à une vision claire de l’attaque, de sa priorité et de la prochaine action. L’interface est devenue un poste de pilotage : moins de clics, meilleure vue d’ensemble, statuts et réponses clairs.

Mes apports au produit

  • Refonte UX : navigation, triage et priorisation des incidents repensés, avec un parcours unifié « observation → incident → réponse ».
  • Refonte UI : tableaux, cartes et chronologies harmonisés, avec squelettes de chargement, états vides et suggestions prédictives.
  • Design system : bibliothèque de composants : tableaux avec agrégations, filtres, éditeur de règles, logs, diffs et lecteur YAML/JSON, avec états et variantes documentés.
  • Tokens sémantiques : couleurs, ombres, bordures, typographie et interactions définies par des tokens exportés vers le frontend en variables CSS/TypeScript pour garder design et code synchronisés.
  • Analyse visuelle : graphiques lisibles, badges de statut et indicateurs de risque pour voir rapidement ce qui s’est passé et quoi faire ensuite.

Le résultat

L’interface est devenue plus rapide et plus claire pour les équipes de sécurité : moins de friction au triage, un système visuel cohérent et un langage commun entre design et frontend.

Le projet a transformé des écrans dispersés en un outil cohérent pour gérer la réponse aux attaques, au-delà de leur simple enregistrement.

Quelques autres écrans :