.PADPANIK
GRAPHISME / DESIGN UX/UI / IDENTITÉ VISUELLE / MOTION DESIGN / DÉVELOPPEMENT WEB / COMMUNICATION
Contexte du projet
Dans le cadre d’une SAE, l’objectif était de concevoir un projet multimédia répondant à une problématique sociale. Ce projet devait inclure un site web informatif, une application interactive, une vidéo de datavisualisation et offrir une expérience utilisateur engageante.
Après plusieurs brainstormings, notre groupe a cherché un sujet qui nous concernait directement et qui pouvait avoir un impact sur notre génération. Nous avons constaté que les jeunes sont souvent mal informés sur la sexualité, notamment à cause du manque d’éducation formelle et de la désinformation présente sur les réseaux sociaux. Une étude a révélé qu’en moyenne, un élève termine sa scolarité avec seulement 2,7 séances d’éducation sexuelle sur les 21 prévues. Cette réalité nous a amenés à choisir comme problématique : comment éduquer et informer les jeunes sur la sexualité en brisant les tabous et les idées reçues.
Après plusieurs brainstormings, notre groupe a cherché un sujet qui nous concernait directement et qui pouvait avoir un impact sur notre génération. Nous avons constaté que les jeunes sont souvent mal informés sur la sexualité, notamment à cause du manque d’éducation formelle et de la désinformation présente sur les réseaux sociaux. Une étude a révélé qu’en moyenne, un élève termine sa scolarité avec seulement 2,7 séances d’éducation sexuelle sur les 21 prévues. Cette réalité nous a amenés à choisir comme problématique : comment éduquer et informer les jeunes sur la sexualité en brisant les tabous et les idées reçues.
Objectifs & Enjeux
Le projet visait à créer une plateforme éducative accessible aux jeunes, avec une approche rassurante et décomplexée. Il était essentiel de trouver un ton adapté, loin des discours moralisateurs ou trop institutionnels, tout en maintenant un contenu fiable et pédagogique.
Les principaux enjeux étaient d’adapter la communication aux jeunes, de rendre l’expérience interactive pour maintenir l’engagement, et de proposer un design attractif permettant de se démarquer des plateformes d’information traditionnelles. Pour renforcer cet aspect, nous avons adopté une direction artistique moderne et colorée, qui tranche avec les codes habituels des sites éducatifs.
Les principaux enjeux étaient d’adapter la communication aux jeunes, de rendre l’expérience interactive pour maintenir l’engagement, et de proposer un design attractif permettant de se démarquer des plateformes d’information traditionnelles. Pour renforcer cet aspect, nous avons adopté une direction artistique moderne et colorée, qui tranche avec les codes habituels des sites éducatifs.
Processus de création
Le travail en groupe s’est organisé naturellement en fonction des compétences de chacun. Après avoir défini les bases du projet, nous avons élaboré une charte graphique forte pour garantir une cohérence visuelle sur l’ensemble des supports. Le nom “PADPANIK” a été choisi pour son côté décontracté et accrocheur, accompagné du slogan “Panik pas, on t’explique tout”, volontairement adapté au langage des jeunes.
La direction artistique repose sur une palette de couleurs vives (violet, jaune, vert, orange, rouge) et sur une iconographie basée sur des fruits et légumes personnifiés, en référence aux codes de communication des jeunes sur la sexualité. Les illustrations ont été créées dans un style cartoon pour renforcer l’aspect accessible et décomplexé du projet.
Les maquettes du site ont été réalisées sur Figma avec un design system pour garantir une cohérence graphique. L’un des éléments interactifs majeurs du projet est l’intégration d’un chatbot, pensé comme un outil permettant aux utilisateurs de poser des questions en toute confidentialité et d’obtenir des réponses adaptées, soit via l’IA, soit par redirection vers des professionnels compétents.
La direction artistique repose sur une palette de couleurs vives (violet, jaune, vert, orange, rouge) et sur une iconographie basée sur des fruits et légumes personnifiés, en référence aux codes de communication des jeunes sur la sexualité. Les illustrations ont été créées dans un style cartoon pour renforcer l’aspect accessible et décomplexé du projet.
Les maquettes du site ont été réalisées sur Figma avec un design system pour garantir une cohérence graphique. L’un des éléments interactifs majeurs du projet est l’intégration d’un chatbot, pensé comme un outil permettant aux utilisateurs de poser des questions en toute confidentialité et d’obtenir des réponses adaptées, soit via l’IA, soit par redirection vers des professionnels compétents.
Production & Réalisation
L’ensemble du projet a été décliné sur plusieurs supports. J’ai personnellement pris en charge la conception des illustrations (fruits et légumes personnifiés) ainsi que du logo, réalisés sur Illustrator. J’ai également participé à la conception des maquettes UI/UX et à la structuration du site.
Le site a été développé sous WordPress avec Elementor, afin d’assurer une gestion simplifiée et une accessibilité optimale. La vidéo de datavisualisation, demandée dans le cadre du projet, a été réalisée en motion design avec After Effects. Ma contribution s’est portée sur une vidéo traitant des infections sexuellement transmissibles, en adoptant une approche pédagogique et préventive.
Le site a été développé sous WordPress avec Elementor, afin d’assurer une gestion simplifiée et une accessibilité optimale. La vidéo de datavisualisation, demandée dans le cadre du projet, a été réalisée en motion design avec After Effects. Ma contribution s’est portée sur une vidéo traitant des infections sexuellement transmissibles, en adoptant une approche pédagogique et préventive.
Résultat final & Impact
Lors de la soutenance, le projet a reçu des retours positifs, notamment pour la cohérence de sa direction artistique et son approche originale. La combinaison d’une identité visuelle marquée, d’un chatbot interactif et de vidéos éducatives a permis de proposer un projet complet et innovant.
D’un point de vue personnel, ce projet m’a permis de renforcer mes compétences en design graphique et en UX/UI, tout en développant de nouvelles connaissances en motion design. J’ai également acquis une meilleure compréhension du processus de conception d’un projet digital, depuis l’idéation jusqu’à sa finalisation.
Ce projet a démontré qu’il est possible d’aborder des sujets sérieux de manière engageante et moderne, et ouvre des perspectives d’amélioration, notamment sur l’enrichissement du chatbot et la mise en place de collaborations avec des professionnels de santé pour renforcer la crédibilité des informations fournies.
D’un point de vue personnel, ce projet m’a permis de renforcer mes compétences en design graphique et en UX/UI, tout en développant de nouvelles connaissances en motion design. J’ai également acquis une meilleure compréhension du processus de conception d’un projet digital, depuis l’idéation jusqu’à sa finalisation.
Ce projet a démontré qu’il est possible d’aborder des sujets sérieux de manière engageante et moderne, et ouvre des perspectives d’amélioration, notamment sur l’enrichissement du chatbot et la mise en place de collaborations avec des professionnels de santé pour renforcer la crédibilité des informations fournies.
CONTACT.
