Invité·e

UI/UX DesignFigmaHTML/CSSJavaScriptWordPressPhotoshopIllustratorAfter EffectsBlenderAstroPremiere ProInDesignTailwind CSSUI/UX DesignFigmaHTML/CSSJavaScriptWordPressPhotoshopIllustratorAfter EffectsBlenderAstroPremiere ProInDesignTailwind CSS

07 novembre 2024

MMI Invaders

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 ?

Motion DesignAfter EffectsPremiere ProAdobe AuditionIllustrator

Rôle

Motion Designer

Durée

1 semaine

Équipe

Projet individuel

01Contexte

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.

02Problé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.

03Dé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.

Storyboard haute fidélité détaillant les étapes de l'animation

04Solution

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.

05Ré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.

Galerie

Entrée dans l'univers via l'extrusion 3D du logo original

Navigation dans le tunnel urbain modélisé sur After Effects

Phase finale : affichage des informations clés de l'événement

Ce que j'ai appris

Gestion d'un environnement 3D complexe en compositing vidéo

Narration visuelle contrainte par un format social media (30s)

Importance de la synchronisation audio-visuelle pour l'immersion UX

Stack

Animation

After EffectsIllustrator

Post-Production

Premiere ProMedia Encoder

Audio

Adobe Audition

Little Horses

Olive Oil