Bubo Cybersec
Bubo Cybersec est un éditeur de solutions de cybersécurité spécialisé dans l’accompagnement des PME et ETI qui ne disposent pas de ressources internes importantes en matière de sécurité informatique.
Son produit phare est Bubo365 : une interface centralisée pour surveiller, gérer et piloter la sécurité de l’environnement Microsoft 365 (Emails, Teams, SharePoint, OneDrive…), détecter les comportements à risque, les permissions excessives.
Interventions
Volet 1 : Refonte de l’existant
- Audit UI / UX de l’application existante
- Maquettes des améliorations validées
- Kit UI (charte graphique, iconographie, et composants)
Volet 2 : Conception d’une nouvelle fonctionnalité
- Personas et users stories
- Prototypes interactifs de la « Vue Manager »
- Conception d’une cartographie des accès
Outils
- Figjam
- Figma
Contexte et objectifs
Déjà lancée sur le marché, l’application Bubo365 disposait d’une maturité fonctionnelle : l’outil était complet et techniquement performant. Son design ne lui rendait pourtant pas justice, avec des composants non uniformisés et des incohérences graphiques.
La mission s’est déroulée en deux temps : remettre l’existant à niveau, puis concevoir une nouvelle fonctionnalité destinée à ouvrir l’outil à un nouveau public, les managers métier.
Volet 1 : Refonte de l’application existante
👉 Enjeux identifiés
- Crédibilité : dans le secteur exigeant de la cybersécurité, l’interface ne reflétait pas le professionnalisme attendu.
- Adoption : une expérience peu fluide freinait l’utilisation de l’outil.
- Perception : l’interface contrastait avec les standards actuels du marché.
👉 Audit UX
- Cartographie des parcours principaux et secondaires
- Évaluation de l’architecture de l’information et de la navigation
- Analyse de la logique des écrans et des sources de surcharge cognitive
👉 Audit UI
- Revue de la charte graphique : typographies, couleurs, composants, iconographie
- Consistance de l’interface : alignements, marges, variations injustifiées
- Lisibilité : contrastes, hiérarchie typographique, densité de l’information
- Comportement responsive
👉 Recommandations
- Quick wins : contrastes, espacements, standardisation des boutons et champs, hiérarchie typographique.
- Améliorations structurantes : architecture de l’information, refonte des parcours critiques, nouvelle charte, design system.
👉 Exemple : les écrans Conformité
Les filtres de conformité (Utilisateurs, Groupes, Espaces de stockage) étaient présentés à plat, sans hiérarchie. Je les ai réorganisés par niveau de risque : critique, attention requise, normal. Chaque niveau a désormais un code couleur, un pictogramme dédié, un tri décroissant et des badges qui font ressortir les compteurs critiques. L’utilisateur voit en un coup d’œil où agir en priorité.
👉 Maquettes et Kit UI
- Prototype haute-fidélité
- Kit UI : couleurs, typographie, iconographie, bibliothèque de composants réutilisables (boutons, cards, inputs, modales, tableaux…)
Volet 2 : Conception de la Vue Manager
👉 Le besoin
Jusqu’ici, Bubo365 s’adressait aux équipes IT. Mais une partie du contrôle des accès relève en réalité des managers métier, qui sont les seuls à savoir si un collaborateur doit encore accéder à tel dossier ou si un partage externe est justifié.
L’objectif était de leur offrir un espace dédié pour auditer les accès de leur périmètre, sans prérequis technique. Le DSI, de son côté, devait pouvoir déléguer ce travail sans perdre la vision d’ensemble.
👉 2 personas au cœur de la conception
- La manager métier, par exemple une responsable RH : elle doit vérifier les droits de son équipe, mais ne maîtrise ni le vocabulaire ni la logique de Microsoft 365.
- Le DSI : il souhaite déléguer la revue des accès tout en gardant la main sur les décisions et le suivi.
👉 Les partis pris de conception
- Parler le langage du métier : des personnes et des espaces de travail plutôt que des objets techniques Microsoft 365.
- Guider plutôt qu’exposer : mettre en avant ce qui demande une action, et laisser le reste accessible sans encombrer l’écran.
- Fluidifier les échanges entre métiers et DSI : chacun intervient à son niveau, avec un suivi partagé des décisions.
- Assurer la traçabilité : garder une trace des revues effectuées, pour pouvoir rendre des comptes.
Pour des raisons de confidentialité, les écrans de cette fonctionnalité ne sont pas présentés.
Résultats attendus
Pour l’entreprise
- Une interface moderne qui reflète le sérieux de l’outil
- Une nouvelle cible, les managers métier, et un argument commercial différenciant avec la cartographie
- Une identité visuelle distinctive sur un marché concurrentiel
Pour les utilisateurs
- Des parcours simplifiés et une charge cognitive réduite
- Des managers autonomes dans la revue de leurs accès, sans expertise technique
- Une collaboration fluide entre métiers et DSI
Pour l’équipe produit
- Un design system qui garantit la cohérence
- Des composants modulables pour les évolutions futures
- Des spécifications précises qui sécurisent le développement