Jizo AI

Design Sprint UX/UI Jizo AI

2025

Cybersécurité
Conception UX
Conception UI

Design Sprint UX/UI pour une plateforme de cybersécurité et d'observabilité réseau

Jizo AI est une plateforme d'observabilité des réseaux et des flux d'entreprise, permettant d'anticiper, d'identifier et de bloquer les cyberattaques. Wolfox a mené un Design Sprint d'une semaine pour faire évoluer deux fonctionnalités stratégiques de l'outil : une section de veille sur les menaces actives et un hub de mise à jour des sets de détection. Objectif : livrer des maquettes prêtes à intégrer en cinq jours.

Contexte  🎯

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Intervention sur la plateforme existante  🚧

chiffre un dans cercle bleu clair
This is some text inside of a div block.
chiffre deux dans cercle bleu clair
This is some text inside of a div block.
chiffre trois dans cercle bleu clair
This is some text inside of a div block.
chiffre quatre dans cercle bleu clair
This is some text inside of a div block.
chiffre cinq dans cercle bleu clair
This is some text inside of a div block.
chiffre six dans dans bulle bleu clair
This is some text inside of a div block.

Problématiques

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Problématiques

Présenter les contenus d'actualité sur les cybermenaces de manière claire et attrayante, pour informer efficacement les analystes sécurité en temps réel.
Mettre en valeur Hoshi, fonctionnalité différenciante permettant de se mettre à jour facilement sur les menaces, avec une section dédiée et clairement distincte des autres contenus.
Proposer une interface cohérente avec l'existant, suffisamment moderne pour séduire aussi les prospects à la recherche d'informations claires et bien présentées.

Contexte

Jizo AI accompagne les équipes de sécurité informatique dans la surveillance et la protection de leurs infrastructures réseau. La plateforme détecte, affiche et priorise les menaces en temps réel, permettant aux analystes de comprendre rapidement la gravité des risques et d'agir en conséquence. Dans ce contexte, deux fonctionnalités nécessitaient une refonte UX/UI en profondeur : CTI, un module de veille sur les cybermenaces actuelles fonctionnant comme un "weather channel" de la sécurité, et Hoshi, un hub permettant de mettre à jour directement les sets de détection depuis l'outil. L'enjeu était de livrer des interfaces finalisées en une semaine, dans la continuité graphique de l'outil existant.

Le Design Sprint : une semaine pour concevoir et livrer

Le format Design Sprint permet de compresser plusieurs semaines de conception en cinq jours intensifs. Pour Jizo AI, l'enjeu était double : comprendre rapidement les besoins métier des équipes de sécurité, et livrer des maquettes directement intégrables à l'issue du sprint.

Atelier de cadrage : aligner l'équipe et poser les fondations

La première étape du sprint a été un atelier de cadrage structuré en cinq phases :

Définir les objectifs des deux sections à concevoir — CTI et Hoshi — en partant des besoins réels des utilisateurs et des ambitions produit de l'équipe Jizo AI.

Associer les besoins identifiés à chaque élément fonctionnel, pour s'assurer que chaque choix de design répond à une intention claire.

Lister et prioriser les fonctionnalités à intégrer, en distinguant ce qui est indispensable au MVP de ce qui peut être reporté.

Définir les personas et les parcours utilisateurs principaux, pour orienter toutes les décisions de conception vers des usages concrets.

Identifier les risques et points d'attention à anticiper tout au long du sprint.

Principaux enseignements de l'atelier

Trois points d'attention ont guidé l'ensemble du travail de conception :

Hoshi devait disposer d'une section dédiée, clairement distincte des autres contenus de la plateforme. Sa valeur principale — permettre à l'utilisateur de sélectionner uniquement les sets de détection pertinents pour lui et de se mettre à jour en quelques clics — devait être immédiatement compréhensible.

CTI devait incarner une identité "news" forte, soulignant la fraîcheur et la pertinence des informations proposées. L'interface devait donner le sentiment que la plateforme est toujours à la pointe de l'actualité sur les menaces.

L'accès rapide aux informations sur les cybermenaces récentes devait être au cœur de l'expérience, avec une hiérarchie visuelle pensée pour les analystes travaillant sous pression.

Wireframing : structurer avant de concevoir

La phase de wireframing a permis d'intégrer les nouvelles fonctionnalités et de prioriser les éléments selon les besoins définis en atelier. Chaque écran a été pensé pour réduire la charge cognitive des utilisateurs, habitués à naviguer dans des interfaces denses et techniques.

Conception UI : cohérence et identité "news"

La phase UI a poursuivi deux objectifs simultanés : maintenir une cohérence graphique forte avec l'interface existante de Jizo AI, tout en apportant des optimisations visuelles susceptibles de bénéficier à l'ensemble de l'outil.

Des éléments visuels évoquant l'univers des actualités et de la veille informationnelle ont été intégrés pour souligner la pertinence et la fraîcheur des données proposées par CTI. Le résultat : des maquettes prêtes à intégrer, livrées à l'issue de la semaine de sprint.

Expertises mobilisées

  • Design Sprint
  • Atelier de cadrage
  • Conception UX
  • Conception UI
  • Wireframing
  • Prototypage

Nos dernières réalisations

Découvrez notre approche en pratique !
Découvrez nos réalisations

Contactez-nous

Une question ? N’hésitez pas à nous écrire !

🥳

Votre message a bien été envoyé !
La meute s'en occupe le plus vite possible
Il semble qu'il y ait une erreur, veuillez réessayer...