Invité·e
UI/UX DesignFigmaHTML/CSSJavaScriptWordPressPhotoshopIllustratorAfter EffectsBlenderAstroPremiere ProInDesignTailwind CSSUI/UX DesignFigmaHTML/CSSJavaScriptWordPressPhotoshopIllustratorAfter EffectsBlenderAstroPremiere ProInDesignTailwind CSS
Motion Design
MMI Invaders
À propos du projet
Conception d'un motion design immersif pour l'événement Nuit MMI 2026. Ce projet explore la transition d'une identité 2D vers un univers 3D dynamique optimisé pour les réseaux sociaux.
Rôle
Motion DesignerDurée
1 semaineÉquipe
Projet individuelOutils
After EffectsPremiere ProAdobe AuditionIllustrator
Aperçu Global
Aperçu du projet de motion design
Bilan & Apprentissages
- 1Gestion d'un environnement 3D complexe en compositing vidéo
- 2Narration visuelle contrainte par un format social media (30s)
- 3Importance de la synchronisation audio-visuelle pour l'immersion UX
L'essentiel
Comment transformer une affiche statique en un univers 3D immersif pour capter l'attention et mémoriser un événement sur les réseaux sociaux ?
01Contexte & Défi
Le Contexte & Le Défi
Annoncer l'événement NUIT MMI 2026 à une cible étudiante via un format court (30s) capable de se démarquer dans un flux social media saturé.
- Le Défi : Capter l'attention en moins de 3 secondes tout en délivrant des informations logistiques complexes.
- Ma Mission : Concevoir un concept d'animation, réaliser le storyboard Hi-Fi et produire la vidéo finale.
- Thématiques : La nuit, le numérique et l'univers du jeu.
- Contrainte : Repartir des éléments graphiques d'une affiche existante.
02La Problématique
Le Design d'Attention
Une simple animation de texte ne suffit plus pour garantir la mémorisation d'un événement sur Instagram.
- Transposer une identité 2D dans un espace 3D cohérent.
- Guider l'œil de l'utilisateur à travers un décor complexe vers les points d'information.
- Synchroniser l'impact visuel avec un sound design immersif pour renforcer l'expérience.
03Notre Démarche
Démarche Créative & Storyboarding
La solution repose sur la création d'un 'tunnel' narratif en vue subjective (POV) pour maintenir l'engagement de bout en bout.
- Concept : Un voyage à travers un tunnel (référence à star wars)
- Storyboarding : Planification de chaque transition pour assurer un rythme soutenu (7sec pour l'immersion, 15sec d'action, 8sec d'information).
- Choix Typographiques : Conservation des polices de l'événement pour la cohérence de marque.
- Vues 'Caméra' : Travail sur les trajectoires pour simuler un vol dynamique.
04La Solution proposée
Production & Animation
La phase de production a mobilisé After Effects pour le compositing 3D et Premiere Pro pour le montage final.
- Environnement 3D entièrement créé en compositing sur After Effects.
- Trajectoires de caméra simulées pour un rendu immersif type POV.
- Sound design synchronisé avec Adobe Audition pour renforcer l'impact.
- Export optimisé pour les formats verticaux des réseaux sociaux.
05Mesure des Résultats
Résultats & Impact
La vidéo finale crée un pont narratif entre l'affiche de l'événement et l'expérience vécue par l'utilisateur.
- Hiérarchie visuelle : Les informations critiques (date, lieu) sont placées dans le parcours
- Identité enrichie : L'univers 3D donne une profondeur inédite à l'identité visuelle de base.
- Screenshot AE : Organisation de la timeline pour une gestion précise des caméras.
- Screenshot PR : Structure du montage final et mixage audio.
Aperçu Global
Bilan & Apprentissages
- 1Gestion d'un environnement 3D complexe en compositing vidéo
- 2Narration visuelle contrainte par un format social media (30s)
- 3Importance de la synchronisation audio-visuelle pour l'immersion UX
