Aller au contenu principal
  • 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

  1. 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

  2. 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

  3. 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

  4. 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

  1. 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.

  2. 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.

  3. Contact

    Turnstile vérifie chaque envoi avant sa transmission au point d’entrée configuré.

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

Votre projet pourrait être le prochain système que nous construisons.