Brand New Edge
Brand New Edge
Parlons-en
Cybersecurity

Design UX/UI et développement front-end pour une plateforme de conformité en cybersécurité

SureShield regroupe la sécurité, la conformité et la gestion de l'intégrité au sein d'une seule plateforme automatisée pour les organisations de santé, finance, défense et fabrication. Nous avons livré la conception UX/UI et le développement front-end de bout en bout sur neuf modules de conformité.

9 modules de conformité conçus
9
modules de conformité conçus
4
secteurs desservis

Le défi

SureShield disposait d'un produit puissant et techniquement sophistiqué. La plateforme couvrait plusieurs domaines distincts de conformité et de sécurité, chacun avec son propre modèle de données, son contexte utilisateur et son flux de remédiation. Le défi consistait à rendre toute cette complexité navigable, exploitable et intuitive pour différents profils d'utilisateurs au sein de la même organisation, des équipes de sécurité informatique aux responsables de la conformité en passant par les dirigeants de niveau C.

Ce que nous avons fait

L'engagement couvrait la conception UX/UI de bout en bout et le développement front-end de la plateforme SureShield, construite en Angular, Java, Bootstrap et CSS avec une architecture front-end basée sur des composants conçue pour la réutilisabilité entre les modules.

Le travail de conception a débuté par une approche Design Thinking pour comprendre comment différents utilisateurs interagissent avec le système et quelles décisions ils doivent prendre à chaque étape. À partir de là, nous avons créé des flux, des prototypes et un système d'interface complet en utilisant Photoshop, Illustrator et Adobe XD.

La plateforme était organisée autour d'un tableau de bord central des tâches avec un flux de travail de type kanban (À faire, En cours, Terminé, Approuvé), une barre de résumé en temps réel avec des indicateurs de statut pour tous les modules actifs, et des vues approfondies par domaine de sécurité. Chaque module avait sa propre identité visuelle et sa logique de présentation des données :

BreachShield couvrait la surveillance du dark web, l'intelligence réseau et les informations sur les risques en temps réel, y compris la protection des cartes de crédit d'entreprise et des appareils infectés.

SecurityShield gérait la gestion des vulnérabilités à l'échelle de l'entreprise, analysant en continu les serveurs et les points de terminaison pour identifier les failles, classifier les risques et générer des plans de remédiation.

HackShield abordait la responsabilité des données et le risque cyber par la cryptographie transparente, l'audit des mouvements de données, la découverte de données sensibles et la prévention des transferts de données non autorisés.

SanctionShield fournissait un filtrage automatisé et continu des exclusions et sanctions en vérifiant les bases de données fédérales et régionales pour les employés, les nouvelles recrues et les fournisseurs.

VendorShield se concentrait sur la supervision des fournisseurs pour la conformité HIPAA, avec une structure unifiée pour surveiller les violations et les alertes associées aux partenaires commerciaux.

Les modules supplémentaires couvraient la surveillance des cartes de crédit d'entreprise, l'analyse des identifiants sur le dark web, la classification des échanges sur le dark web et la protection contre les botnets.

La communication avec l'équipe SureShield était gérée via Zoom, Skype, Slack et Jira, avec des réunions hebdomadaires pour aligner le statut et les tâches à chaque étape du projet.

Comment nous avons travaillé

L'équipe Brand New Edge a été intégrée directement dans le flux de développement produit de SureShield, en communiquant via Zoom, Skype, Slack et Jira. Les réunions hebdomadaires alignaient le statut et les tâches à chaque étape. Les décisions de conception étaient prises en étroite collaboration avec les stratèges produit de SureShield, combinant leur expertise du domaine avec notre méthodologie UX et notre exécution visuelle.

Résultat
  • Une plateforme qui a transformé l'un des espaces problématiques les plus complexes des logiciels d'entreprise, soit la gestion de la conformité en cybersécurité, en une expérience claire, navigable et exploitable. L'UX repensé a aidé SureShield à se positionner comme une solution supérieure sur un marché concurrentiel et a amélioré significativement la satisfaction des clients, comme en témoignent directement les mots du client.
Stack technique
AngularJavaBootstrapCSSAdobe XDPhotoshopIllustrator
Livrables
01
Design UX/UI
Design Thinking, flux, prototypes, système d'interface complet
02
Développement front-end
Angular + Bootstrap, architecture basée sur des composants
03
9 modules de conformité
BreachShield, SecurityShield, HackShield et plus encore

Avant de faire appel à cette équipe pour l'externalisation du design UX du système SureShield, nous avions de réels défis pour représenter les données d'une manière à laquelle le client pouvait s'identifier. En combinant les idées nouvelles apportées par notre stratège produit et l'expertise en design de l'équipe, nous avons pu repenser l'UX de SureShield avec une interface beaucoup plus intuitive et conviviale. Cela a entraîné une bien plus grande satisfaction des clients et a aidé à positionner SureShield comme une solution de loin supérieure aux autres produits concurrents.


Client
SureShield