.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.
APPRENTISSAGES CRITIQUES
AC22.01 - Co-concevoir un produit ou un service (proposition de valeur, fonctionnalités…)
Le projet a été conçu en équipe, en définissant une proposition de valeur claire : informer et éduquer sur la sexualité de manière décomplexée. Des fonctionnalités spécifiques ont été développées, comme le chatbot interactif, pour offrir une véritable valeur ajoutée aux utilisateurs.
AC22.02 - Produire une recommandation ergonomique à partir des tests utilisateurs (sur système fonctionnel, prototype ou maquette interactive)
La maquette a été réalisée sur Figma, avec un design system structuré. Des tests utilisateurs ont permis d’améliorer l’accessibilité et l’ergonomie, garantissant une navigation fluide et adaptée aux jeunes.
AC13.02 - Produire des pistes graphiques et des planches d’inspiration
Une recherche graphique approfondie a été menée pour définir l’univers visuel du projet. Des planches d’inspiration ont été créées pour établir la direction artistique basée sur des fruits et légumes personnifiés, avec un style cartoon coloré et engageant.
AC13.05 - Designer une interface web (wireframes, UI)
L’interface du site a été conçue à partir de wireframes sur Figma, assurant une organisation fluide des contenus et une expérience utilisateur optimisée. L’UI a été pensée pour être accessible, ludique et engageante pour le public cible.
AC23.02 - Définir une iconographie (illustrations, photographies, vidéos)
Le projet intègre une iconographie originale, avec des illustrations personnalisées de fruits et légumes représentant différents aspects de la sexualité. Ces visuels ont été conçus pour rendre le sujet plus accessible et moins intimidant.
AC23.03 - Créer et décliner une identité visuelle (charte graphique)
Une charte graphique complète a été développée, avec un choix de couleurs vives, une typographie moderne, un logo adapté et des illustrations cohérentes pour garantir une identité forte et reconnaissable.
AC23.04 - Imaginer, écrire et scénariser en vue d’une communication multimédia ou transmédia
Le projet a nécessité la création d’un storytelling engageant, notamment à travers la vidéo de datavisualisation sur les IST. Un ton et un langage adaptés ont été définis pour rendre le contenu attractif et compréhensible pour les jeunes.
AC23.05 - Réaliser, composer et produire pour une communication plurimédia
Le projet se décline sur plusieurs supports : site web, application interactive, chatbot, vidéos en motion design et illustrations. Chaque élément a été pensé pour assurer une communication homogène et percutante.
AC23.06 - Élaborer et produire des animations, des designs sonores, des effets spéciaux, de la visualisation de données ou de la 3D
Une vidéo en motion design a été réalisée pour illustrer les données sur les IST, combinant animations graphiques et datavisualisation pour sensibiliser efficacement le public.
AC33.01 - Adopter et justifier une démarche originale et personnelle dans ses productions
Le projet propose une approche innovante et décalée pour aborder un sujet sensible. Notamment sur le design, j’ai pu apporter une direction artistique qui me correspond, en intégrant un style cartoon coloré et expressif, un univers que j’apprécie particulièrement. Ce choix graphique, combiné à l’utilisation de fruits et légumes personnifiés, permet d’adopter un ton ludique et accessible, tout en conservant un message informatif et pertinent.
AC15.01 - Gérer un projet avec une méthode classique
Le projet a suivi un processus structuré, avec une phase de recherche, une conception UX/UI, un développement technique, et une finalisation incluant la production de contenus multimédias.
AC35.04 - Défendre un projet de manière convaincante
La soutenance du projet a nécessité une présentation claire et argumentée, expliquant les choix artistiques, techniques et stratégiques. Le projet a été bien accueilli par le jury, notamment pour son approche originale et son impact social positif.
