- Site produit
- Bilingue
- Data storytelling
CybrSens
- Secteur
- Cybersécurité
- Livré en
- Site web
- Année
- 2026
- Langues
- FR / EN
“The Dashboard of Dashboard”
(Le projet)
Un site produit bilingue pour une plateforme de cybersécurité par l’IA : gouvernance multi-niveaux, gestion continue de l’exposition aux menaces et risque fournisseurs, expliqués aux RSSI par des indicateurs de type tableau de bord.
(Contexte)
Vendre une plateforme de sécurité au comité de direction.
CybrSens montre aux RSSI et aux comités exécutifs comment la plateforme transforme les signaux de sécurité en indicateurs de direction : score de confiance, délais de détection et de réponse, concentration du risque et conformité de l’écosystème, avec une surveillance en temps réel de l’exposition des tiers.
Construit sur Next.js 16 avec un routage localisé, le site positionne le produit autour d’ISO 27001, de NIS2 et de la souveraineté numérique, tous les textes étant gérés dans des catalogues de messages.
(Chiffres clés)
- piliers produit
- 3
- routage localisé
- FR / EN
- public principal
- RSSI
- visuels de tableau de bord
- KPI
Les choix qui ont façonné le projet
Un routage localisé
Chaque page vit sous un préfixe de langue ; la langue est résolue avant le rendu et le catalogue de messages correspondant est chargé.
i18n d’abord
Une page composée de sections
La page assemble des sections isolées (plateforme, capacités, gouvernance, analyses, indicateurs, chaîne d’approvisionnement, contact) qui partagent les mêmes fournisseurs.
Modulaire
Raconter par le tableau de bord
Des tableaux de bord RSSI simulés et des cartes d’indicateurs (score de confiance, MTTD et MTTR, concentration du risque, taux de conformité) rendent tangible un produit abstrait.
Montrer plutôt que dire
Un contact protégé
Le formulaire de contact est protégé par Cloudflare Turnstile et envoie vers un point d’entrée configurable.
Captation de leads
(Comment ça marche)
La diffusion d’une page localisée
Résoudre la langue
La langue du visiteur est détectée et la requête dirigée vers la bonne locale et son catalogue de messages.
Rendre les sections
La page d’accueil compose ses sections à partir des clés de messages : tout le récit reste bilingue depuis une source unique.
Contact
Turnstile vérifie chaque envoi avant sa transmission au point d’entrée configuré.
Dans le projet
Captures de la version livrée, regroupées par produit. Sélectionnez-en une pour la voir en taille réelle.
Technologies
- Framework
- Next.js 16
- App Router
- Interface
- React 19
- TypeScript
- Tailwind CSS 4
- Langues
- next-intl 4
- Animation
- GSAP
- Lenis
- Formulaires
- Cloudflare Turnstile
- PHP endpoint
(Projet suivant)
Moon Assur
Assurance, 2026
