Parade · Plateforme de sensibilisation à la cybersécurité

Aller au contenu
This site is also available in English.Switch to English
Projet concept2026SaaSE-learningMobile

Parade

Parade : Plateforme de sensibilisation à la cybersécurité. Quatre minutes par semaine, une formation que les salariés terminent.

Rôle
Product Designer, projet personnel
Plateformes
Bureau et mobile
Offre illustrée
Écrans SaaS, plateforme de formation
Outils
Figma, workflow assisté par l’IA
Parade, plateforme de sensibilisation à la cybersécurité (projet concept), vue d’ensemble

01 Contexte

Parade est une plateforme de sensibilisation à la cybersécurité : quatre minutes par semaine pour les salariés, des résultats par équipe pour le responsable sécurité, un dossier de preuves pour l’auditeur.

02 Le problème

Une formation que personne ne termine ne protège personne.

03 Ma réponse

La première carte d’un module porte toute la règle. On apprend en pointant des indices sur un faux message.

Les résultats s’affichent par équipe de cinq personnes ou plus, jamais par nom. Style bitmap, 52 icônes dessinées sur une grille de 12 pixels, deux modes.

Parade : apprendre en pointant les indices
01Apprendre en pointant les indices.
Parade : le parcours de l’apprenant sur mobile
02Le parcours de l’apprenant sur mobile.
Parade : des résultats par équipe, jamais par nom
03Des résultats par équipe, jamais par nom.
Parade : 52 icônes bitmap sur une grille de 12 pixels
0452 icônes bitmap sur une grille de 12 pixels.

04 Livrables

Recherche documentaire sourcée, wireframes, design system, 7 écrans administrateur et 5 écrans mobiles côté apprenant, prototype cliquable.

103variables
37composants
12écrans
66liens de prototype

Chiffres comptés par script dans le fichier Figma.

05 Transparence

  • ClientAucun. Projet personnel, données d’exemple.
  • RechercheDocumentaire, sur des sources publiques datées. Aucun entretien.
  • Test utilisateurPlan de test rédigé, non réalisé.
  • AccessibilitéContrastes calculés paire par paire. Ni audit ni déclaration de conformité.
  • OrganisationFictive.
  • MéthodeConçu dans Figma avec un workflow assisté par l’IA, dirigé et relu par le designer.