SaaS · Cybersécurité
RoxShield
Concevoir un SaaS de cybersécurité pour les entreprises modernes.
- SaaS
- Cybersécurité
- Product Design
- RÔLE
- Product Designer & Fondateur
- PÉRIMÈTRE
- Stratégie produit · UX/UI · Design System
Le problème
Les entreprises africaines manquent d'outils accessibles pour former leurs équipes à la cybersécurité et mesurer leur exposition au risque humain, principale cause des incidents de sécurité.
Contraintes
Le produit devait fonctionner pour des organisations de tailles très différentes, sur un marché très sensible au prix, tout en restant lisible pour des utilisateurs non techniques malgré la gestion de données comportementales sensibles.
Il devait aussi rester stable à travers une migration majeure de framework en plein développement, quand Next.js a rendu obsolète la convention de middleware sur laquelle le projet avait été initialement construit, forçant une réécriture complète de la logique de contrôle d'accès sans perturber la feuille de route produit.
Mon rôle
Product Designer & Fondateur. Conception produit de bout en bout : architecture produit, design system, dashboard admin, scoring de risque humain, modules de formation, simulation de phishing, dashboard utilisateur, gestion multi-organisation.
Décisions clés
Un scoring de risque composite, pas des métriques brutes.
Un score unique et monolithique aurait masqué ce qui détermine réellement le risque. Le score individuel de RoxShield combine deux signaux mesurables : un actif (taux de clic sur les simulations de phishing) et un passif (taux de complétion des formations). Les scores individuels remontent en scores de département, puis en un score d'organisation unique, réparti en trois niveaux : Sécurisé, Modéré, À risque.
Le dashboard masque volontairement les métriques brutes comme le nombre de clics ou les journaux de complétion des modules dans la vue principale. La personne qui lit ce dashboard est un DRH ou un dirigeant, pas un analyste sécurité. Un pourcentage avec une couleur est actionnable. Un tableau de logs ne l'est pas.
L'isolation stricte des données plutôt que la visibilité partagée.
Le support multi-organisation aurait pu se traduire par un backend partagé avec des couches de permissions ajoutées après coup. À la place, l'isolation a été intégrée directement dans le modèle de données : chaque entité porte un identifiant d'organisation, et aucune vue croisée entre organisations n'existe au niveau applicatif, même pour les administrateurs d'autres organisations.
L'accès suit trois niveaux : le super admin voit toutes les organisations, l'admin d'organisation voit uniquement la sienne, les employés ne voient que leur propre formation et progression. Le choix le plus difficile a porté sur l'accès employé : plutôt que de restreindre uniquement par l'interface, les employés sont structurellement bloqués du dashboard admin au niveau du routage, même avec un lien direct.
Solution
- Next.js 14
- NestJS
- Prisma
- PostgreSQL
- shadcn/ui
- Starter
- Pro
- Business
- Enterprise
- Landing page
- Authentification
- Dashboard admin avec scoring de risque humain
- Modules de formation avec simulation de phishing et quiz
- Dashboard utilisateur avec progression et badges
- Gestion multi-organisation complète
Preuves
Sélectionné dans la cohorte inaugurale Cyber4Africa (UNDP, G7, Cisco), choisi parmi 430 candidatures venant de 18 pays.
14 organisations réparties dans 7 pays, couvrant la finance, la technologie, l'éducation et le secteur associatif, testent actuellement la plateforme.
Résultat
La sélection dans la cohorte Cyber4Africa a fait passer le projet d'un produit autoconstruit à un produit soutenu par un programme institutionnel structuré. Il traverse actuellement la séquence d'onboarding du programme : évaluation en cybersécurité, formation, et accompagnement individualisé pour les startups qualifiées.
Réflexion
Concevoir RoxShield m'a amené à relever un défi particulier : transformer la complexité de la cybersécurité en une expérience utilisateur claire, structurée et accessible. Mon rôle ne consistait pas uniquement à créer une interface visuellement moderne, mais à réfléchir à la manière dont les utilisateurs peuvent comprendre rapidement leur niveau de sécurité, identifier les risques prioritaires et agir sans être submergés par des données techniques.
CONTACT
Un projet en tête ? Parlons-en.
Je suis toujours ouvert à de nouveaux défis et collaborations stimulantes.
Démarrer un projet