Concevoir l'expérience d'une plateforme IA de cybersécurité pour les équipes SOC
De l'audit UX à la refonte du design system. Concevoir des interfaces critiques pour des analystes qui n'ont pas le droit à l'erreur.
Qevlar AI
Product Designer
Avr - Sep. 2024
3 jours / sem
Une plateforme de cybersécurité à clarifier
Qevlar AI développe une plateforme SaaS B2B qui automatise l'investigation des alertes de sécurité grâce à l'IA.
En arrivant, les bases fonctionnelles étaient posées, mais l'interface manquait de cohérence et de lisibilité pour les analystes SOC qui l'utilisent sous pression.
Ma mission : restructurer l'expérience, puis adapter le design system à la nouvelle identité visuelle de la marque.
Audit & Restructuration UX
Reprise des ébauches existantes, audit des flux, identification des incohérences et redesign de l'expérience sur les modules clés.
Nouvelle charte graphique
Un autre designer intervient pour définir la nouvelle identité visuelle de Qevlar AI (typographie, couleurs, brand system).
Adaptation du design system
Re-adaptation complète du design system Vuetify aux nouvelles guidelines de marque. Mise à jour des composants, tokens et documentation.
UI haute-fidélité & handoff
Production des écrans finaux en haute fidélité et collaboration avec l'équipe engineering pour l'implémentation.
Ce que j'ai produit
Design System
Wireframes
Maquettes haute-fidélité
Prototypes Figma
User Journey Maps
Research & recommandations
Résultats
Écrans livrés en haute fidélité
Composants design system créés / refondus
Amélioration de la lisibilité des alertes (à valider)
Mission renouvelée au-delà de la durée initiale
Sophie has been an exceptional addition to our team, taking over all design work and establishing our design system from day one. Her impact was immediate, consistently delivering on our product design needs. Sophie is a great communicator and collaborator, always proactive and thorough in her work. Despite being unfamiliar with our domain, she quickly adapted and exceeded our expectations, making a significant impact in a short time. Highly recommended!.
Intéressé par des résultats similaires ?
Que vous ayez une idée floue ou un SaaS déjà lancé, je vous accompagne à l'étape où vous en êtes. On commence par un appel de 15 min ?
Concevoir l'expérience d'une plateforme IA de cybersécurité pour les équipes SOC
De l'audit UX à la refonte du design system. Concevoir des interfaces critiques pour des analystes qui n'ont pas le droit à l'erreur.
Qevlar AI
Product Designer
Avr - Sep. 2024
3 jours / sem
Projet sous accord de non-divulgation
Un défi de design dans un domaine technique complexe
Qevlar AI développe un système d'investigation de sécurité autonome, conçu pour les équipes SOC (Security Operations Center). La plateforme analyse automatiquement les alertes de sécurité et orchestre des investigations sans intervention humaine — réduisant drastiquement le temps de réponse aux incidents.
Problème identifié
Au démarrage de la mission, l'état du design était "very basic" selon le Head of Product. L'équipe avait avancé sans designer attitré, créant des incohérences visuelles et des problèmes de hiérarchie de l'information qui freinaient la lisibilité du produit.
Objectif
Structurer et professionnaliser le design de toute la plateforme — en partant de l'existant — pour accélérer les livraisons de features et préparer le produit à sa mise sur le marché auprès de clients B2B enterprise.
La cybersécurité, un terrain où l'UX peut sauver des données
des analystes SOC souffrent de fatigue d'alerte
alertes traitées par semaine en moyenne dans un SOC
coût moyen d'une violation de données en 2023
Sources : Ponemon Institute, IBM Security, IBM Cost of a Data Breach 2023
Un produit fonctionnel, une expérience à clarifier
En arrivant chez Qevlar AI, les interfaces existantes avaient été construites rapidement pour valider les hypothèses produit. La logique fonctionnelle était là, mais l'expérience était fragmentée, les composants hétéroclites, et la charge cognitive élevée.
Les analystes SOC qui utilisent la plateforme travaillent sous pression, avec de forts enjeux. Chaque seconde à chercher une information ou comprendre un statut est une seconde de retard dans la réponse à incident.
Onboarding & immersion dans la cybersécurité
La première journée a été consacrée à l'intégration des outils de l'équipe et à une session d'orientation produit avec Matthew, le responsable produit. Comprendre les flux de travail des analystes SOC et la terminologie de la cybersécurité était essentiel pour un design efficace.
Audit, architecture de l'information & wireframes
Audit complet de l'interface pour résoudre les problèmes de hiérarchie et rendre la plateforme plus lisible. Wireframes basse fidélité créés en collaboration avec l'équipe.
Structuration du Design System
J'ai optimisé le Design System Qevlar AI sur Figma, basé sur Vuetify, pour le rendre cohérent et documenté, facilitant la collaboration avec l'équipe de développement. Chaque composant a été conçu en tenant compte des contraintes techniques et des besoins spécifiques d'une interface de cybersécurité.
Maquettes haute-fidélité & prototypes Figma
Après validation des wireframes et stabilisation du Design System, j'ai créé les maquettes haute-fidélité. Chaque livraison de feature était précédée des maquettes, alignées sur les sprints agiles. Les prototypes Figma ont validé les flux utilisateurs, réduisant les allers-retours avec le développement. Mission validée et payée le 30 mai et le 1er juillet 2024.
Extension de la mission & livraisons continues
Après le succès initial, Qevlar AI a prolongé la collaboration en freelance à 3 jours par semaine, pour continuer à améliorer le produit, ajouter de nouvelles fonctionnalités et ajuster les écrans selon les retours utilisateurs.
Audit & Restructuration UX
Mon premier travail a été de cartographier l'existant : prise en main complète du produit, identification des patterns incohérents, et analyse des flux utilisateurs principaux. L'enjeu principal était de comprendre les besoins réels des analystes SOC, un métier très spécifique, avec des conventions UI propres (SIEM, SOAR) et des workflows très codifiés.
Nouvelle charte graphique
En parallèle de mon travail UX, un autre designer a pris en charge la refonte de l'identité visuelle de Qevlar AI: typographie, palette de couleurs, tokens de design, direction graphique générale. Cette nouvelle charte a ensuite été le socle sur lequel j'ai re-adapté l'ensemble du design system.
Adaptation du Design System
Avec la nouvelle charte entre les mains, j'ai repris le design system existant (basé sur Vuetify) pour l'aligner sur les nouvelles guidelines. Un travail de fond, invisible à l'écran mais déterminant pour la cohérence et la scalabilité du produit.
Tokens de design
Composants Vuetify
Documentation
Cohérence systémique
UI haute-fidélité — Les modules clés
Avec un design system solide et une charte validée, j'ai pu produire les écrans finaux en haute fidélité, en itération continue avec le head of product et les développeurs.
Dashboard Investigations
Détail d'investigation — Analyse IA
L'écran le plus complexe : l'IA génère automatiquement une analyse complète de chaque alerte. L'enjeu design — rendre cette information dense immédiatement lisible et actionnable par l'analyste.
Centre d'intégrations
Gestion des outils de threat intelligence connectés à la plateforme. L'objectif : rendre la connexion et la gestion de ces outils aussi fluide que possible.
Ce que ce projet m'a appris
Vous avez un projet similaire ?
Que vous ayez une idée floue ou un SaaS déjà lancé, je vous accompagne à l'étape où vous en êtes. On commence par un appel de 15 min ?
Aperçu des livrables
Les maquettes complètes sont disponibles sur demande lors d'un entretien, sous accord de confidentialité. Contactez-moi pour en savoir plus.
Vous avez un projet similaire ?
Que vous ayez une idée floue ou un SaaS déjà lancé, je vous accompagne à l'étape où vous en êtes. On commence par un appel de 15 min ?