Motion design
Communication
Gestion de projet
UX-UI Design
Développement web
Création d’identité visuel
PRéSENTATION
Polymer – Site Communautaire et Animation 3D
Lors de ma deuxième année de BUT MMI, j’ai participé à la création de Polymer, un site communautaire visant à sensibiliser et mobiliser le public sur l’enjeu environnemental de la surconsommation de plastique. Ce projet, réalisé en équipe de cinq dans le cadre d’une SAE, avait pour mission de transformer des visiteurs passifs en acteurs engagés grâce à une plateforme interactive et éducative.
Mon rôle dans le projet
- Conception UX/UI : Réalisation de la maquette sur Figma, intégrant les designs du groupe tout en veillant à une expérience utilisateur fluide et engageante.
- Expérience utilisateur (UX) : Création de personas, user stories et user flows après une veille approfondie sur les attentes et comportements des utilisateurs.
- Intégration & Développement : Participation à l’intégration des maquettes sous WordPress, en optimisant la navigation et l’interactivité.
- Animations et Engagement : Contribution à l’intégration d’animations en parallaxe pour capter l’attention et inciter à l’inscription sur le forum.
Découvrez le projet
Animation 3D – L’Impact des Déchets Plastiques dans les Océans
En complément du site web, j’ai réalisé une vidéo d’animation 3D illustrant l’impact des déchets plastiques sur les océans. Face à l’ampleur du problème — l’équivalent de trois fois la superficie de la France en plastique flottant dans nos océans — j’ai choisi une représentation visuelle marquante : une planète Terre où des masses de déchets plastiques, en forme de la France, apparaissent progressivement au fil des années.
Processus de création
Recherche et Structuration : Collecte de données fiables et rédaction d’un script pour donner du sens à l’animation.
Storyboard & Animatique : Planification de l’animation pour visualiser le déroulement narratif.
Modélisation et Animation 3D : Réalisation sur Blender, me permettant d’apprendre et de maîtriser les bases de l’animation 3D.
Montage et Motion Design : Finalisation sur Adobe Premiere Pro, avec amélioration de la colorimétrie, ajout d’éléments 2D et de motion design pour enrichir visuellement le projet.
Outils & Compétences utilisés
WordPress : Développement et gestion du contenu du site.
Figma : Conception des maquettes UX/UI.
Adobe Illustrator & Photoshop : Création des éléments graphiques et des mockups.
Blender : Modélisation et animation 3D.
Adobe Premiere Pro : Montage vidéo et intégration du motion design.
Apprentissages et axes d’amélioration
Ce projet m’a permis de renforcer mes compétences en design UX/UI, intégration web, animation 3D et storytelling visuel. En combinant ces disciplines, j’ai appris à rendre des données complexes visuellement impactantes et émotionnellement engageantes. Avec le recul, j’aurais pu aller plus loin sur l’optimisation mobile du site et l’interactivité du forum, ainsi que sur l’amélioration des textures et du réalisme dans l’animation 3D.
Apprentissages critiques
•AC 24.01-Produire des pages et applications web responsives,
•AC 24.02-Mettre en place ou développer un back office,
•AC 24.03-Intégrer, produire et développer des interactions riches et des dispositifs interactifs,
•AC 24.04-Modéliser les traitements d’une application web,
•AC 24.05-Optimiser une application web en termes de référencement et de temps de chargement
•AC 24.06-Configurer une solution d’hébergement adaptée aux besoin]
•AC 23.02-définir une iconographie,
•AC 23.03-créer et décliner une identité visuelle,
•AC 23.05-Réaliser, composer et produire une communication plurimédia,
•AC 22.01-Co-concevoir un produit ou un service (proposition de valeur, fonctionnalités),
•ACC 22.04-Optimiser le référencement d’un site web/produit/service,
•AC 22.02-Produire une recommandation ergonomique à partir des tests utilisateurs•AC 23.01-produire un écrit journalistique sourcé et documenté,
•AC 23.02-définir une iconographie,
•AC 23.03-créer et décliner une identité visuelle,
•AC 23.04-imaginer, écrire et scénariser en vue d’une communication multimédia ou transmédia,
•AC 23.05-Réaliser, composer et produire une communication plurimédia,
•AC 23.06-Élaborer et produire des animations/designs sonores/effets spéciaux/de la visualisation de données ou de la 3D
