A propos du projet
@h Social est un outil ludo-pédagogique innovant imaginé pour sensibiliser les jeunes aux comportements en ligne, aux cyber-risques et aux usages responsables du numérique. Le Studio Océanilia a accompagné le projet dès ses fondations visuelles et narratives, en donnant forme à un univers graphique accessible, vivant et engageant, capable de transformer des sujets complexes en une expérience de jeu claire, fluide et motivante.
Objectifs
- Concevoir une identité visuelle forte et immédiatement identifiable, plus moderne que l'ancienne version de l'outil;
- Créer un jeu complet, cohérent et attractif, pensé pour des animations en groupe;
- Rendre les contenus plus attractifs et plus accessibles, notamment pour un public jeune;
- Favoriser l’appropriation des notions grâce à un univers narratif simple et pédagogique;
- Fournir aux animateurs et structures partenaires des supports clés en main, prêts à l’usage.
Direction artistique
L’univers graphique de @h Social repose sur un style illustratif moderne, chaleureux et expressif.
Les personnages-pions incarnent les différents profils donnant vie aux situations et facilitent l’identification des joueurs.
Le plateau, les cartes et la boîte de jeu ont été conçus comme un système cohérent, combinant couleurs vives, iconographie pédagogique et lisibilité optimale.
La direction artistique a également guidé le design du site web et du teaser motion design, afin d’assurer une continuité visuelle sur l’ensemble du dispositif, du matériel physique aux supports numériques.
Supports réalisés
Le projet a mobilisé un large éventail de compétences pour développer l’intégralité de l’outil pédagogique :
01. Supports imprimés :
- Identité visuelle complète du jeu;
- Plateau de jeu
- Toutes les cartes (rédaction des textes et illustrations)
- Boîte de jeu
- Illustrations des personnages-pions
- Rédaction et mise en page du guide d’animation
- Mise en page du communiqué de presse et du dossier de presse
- Flyer de réponse aux questions du quiz post-animation
02. Supports digitaux et réseaux sociaux :
- Visuels pour les réseaux sociaux;
- PowerPoint du questionnaire
03. Motion design & vidéo :
- Réalisation d’un teaser en motion design
04. Site internet :
- Élaboration de l’arborescence pour une navigation intuitive;
- Travail de webdesign en cohérence avec la refonte de l'identité visuelle mise en place;
- Conception et développement du site web en HTML/css, optimisation du référencement etc.