{Étude de cas}

Logo Cyberprev

Création d’un site WordPress de prévention cyber pour le jeune public

Client : Cyberprev, un site de l’Assurance Prévention.

L’agence Pastelle m’a contacté pour participer à un projet porté par Assurance Prévention : créer un site web dédié à la prévention des risques cyber auprès des jeunes.

L’objectif était de concevoir un site institutionnel accessible, dynamique et engageant, capable de sensibiliser un jeune public aux dangers rencontrés sur Internet et les réseaux sociaux.

J’ai accompagné le projet sur la partie développement WordPress, à partir des maquettes fournies par l’agence. Le site a été créé en 2024, et je reste aujourd’hui en charge de sa maintenance technique ainsi que de certaines évolutions au fil des mois.

Contexte du projet

CyberPrev est un site de prévention destiné aux jeunes, consacré aux risques cyber et aux bons réflexes à adopter en ligne.

Le site s’appuie sur un univers graphique très identifiable, avec une direction artistique dynamique, des illustrations inspirées du manga, des personnages récurrents et des épisodes vidéo mettant en scène des situations concrètes : pièges en ligne, dangers sur les réseaux sociaux, comportements à risque ou réflexes de protection.

L’enjeu était donc de créer un site à la fois institutionnel dans son objectif, mais très vivant dans sa forme, pour rendre le sujet plus accessible et plus engageant auprès du public ciblé.

Les enjeux de la refonte

Le projet devait répondre à plusieurs besoins :

  • créer un site WordPress fidèle aux maquettes fournies par l’agence ;
  • intégrer une direction artistique dynamique et illustrée ;
  • proposer une expérience adaptée à un jeune public ;
  • structurer les contenus de prévention autour de personnages, vidéos et thématiques ;
  • permettre à l’agence et au client de conserver une autonomie éditoriale ;
  • utiliser Elementor pour faciliter l’administration des pages ;
  • gérer des contraintes graphiques nécessitant des adaptations techniques spécifiques ;
  • développer une section quiz interactive ;
  • assurer la maintenance technique du site après sa mise en ligne ;
  • accompagner les évolutions techniques au fil du temps.

Le projet nécessitait donc une approche à la fois institutionnelle, éditoriale, graphique et interactive.

Ma mission

Mon rôle a été d’assurer la partie développement WordPress du site.

J’ai notamment pris en charge :

  • la mise en place du site WordPress ;
  • le développement du thème et des gabarits nécessaires ;
  • l’intégration des maquettes fournies par l’agence Pastelle ;
  • l’utilisation d’Elementor pour faciliter l’administration des contenus ;
  • l’adaptation technique de certaines parties de la maquette ;
  • le développement complet de la section quiz ;
  • la maintenance technique du site depuis sa création ;
  • la mise en œuvre d’évolutions techniques au fil des mois.

Le projet demandait de combiner intégration graphique, souplesse d’administration, développement spécifique et attention particulière à l’expérience utilisateur.

Une direction artistique dynamique intégrée dans WordPress

Le site CyberPrev repose sur une identité visuelle forte, pensée pour parler à un public jeune.

La maquette fournie par l’agence mettait en avant un univers illustré, des personnages identifiables et une ambiance inspirée des codes manga.

L’intégration dans WordPress a nécessité plusieurs ajustements techniques pour respecter cette direction artistique tout en conservant une structure administrable.

Certaines parties de la maquette demandaient des solutions spécifiques pour obtenir le rendu souhaité, sans rendre le site trop difficile à maintenir ou à faire évoluer.

L’objectif était de trouver le bon équilibre entre fidélité graphique, performance raisonnable, administration simple et robustesse technique.

Une administration flexible avec WordPress et Elementor

Comme sur d’autres projets, WordPress et Elementor ont permis de donner davantage d’autonomie à l’agence et au client.

Le site devait pouvoir évoluer avec de nouveaux contenus, de nouvelles pages ou des ajustements éditoriaux, sans dépendre systématiquement d’une intervention technique pour chaque modification.

Cette approche permet de combiner :

  • une base WordPress maîtrisée ;
  • des pages administrables avec Elementor ;
  • une mise en page fidèle à la direction artistique ;
  • une meilleure autonomie pour les équipes ;
  • une capacité d’évolution dans le temps.

Une section quiz développée sur mesure

Le site comporte également une section quiz : https://cyberprev.fr/quiz/

Cette partie a été entièrement développée sur mesure.

Elle permet aux visiteurs de jouer sur différents thèmes, de répondre à des questions et d’obtenir un score de connaissance sur les sujets abordés.

Le quiz ajoute une dimension interactive au site et renforce l’objectif pédagogique du projet : permettre aux jeunes de tester leurs connaissances, d’identifier les bons réflexes et de mieux comprendre les risques cyber.

Cette fonctionnalité dépasse le cadre d’un site vitrine classique. Elle transforme une partie du site en outil de sensibilisation actif, directement intégré à l’expérience utilisateur.

Une maintenance et des évolutions dans la durée

Le site a été créé en 2024, et je reste aujourd’hui en charge de sa maintenance technique.

J’interviens également sur certaines évolutions techniques au fil des mois, selon les besoins du projet.

Cette continuité permet de garder le site à jour, stable et capable d’évoluer après sa mise en ligne initiale.

Ce que ce projet illustre

Une approche WordPress adaptée à un site institutionnel à forte identité graphique et à vocation pédagogique.

Dans le cas de CyberPrev, WordPress a été utilisé comme un socle souple permettant de gérer des contenus éditoriaux, des vidéos, un univers illustré, des pages administrables avec Elementor et une section quiz développée sur mesure.

La mission montre aussi qu’un site WordPress peut répondre à des objectifs de sensibilisation, d’engagement et d’interactivité, à condition de combiner intégration graphique, développement spécifique et maintenance continue.

Un projet en tête ?

Échangeons sur vos besoins. Premier appel sans engagement.