Retours d’expérience par nöbl studio – Le motion design et ses applications passées, présentes et futures (Film explicatif, Tv, VR, animations UX/UI)

1. Le motion design et ses applications
Blend Web Mix - nöbl
french stories makers
www.nobl.tv

2. Le motion design & ses applications
Blend Web Mix - nöbl

3. Le motion design & ses applications
Blend Web Mix - nöbl
JulienNantiecCyrilIzarn

4. Lemotiondesign&sesapplications
BlendWebMix-nöbl
French stories makers
We are a french global creative studio.
Focused on art direction & design, we love to make stories
with audacity by combining any kind of medias.

5. Le motion design & ses applications
Blend Web Mix - nöbl
Lemotiondesign?

6. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Littéralement «design en mouvement»
Design graphique
Conception de systèmes
Animation
Mouvement & storytelling
Motion design
Conception du mouvement

7. Le motion design & ses applications
Blend Web Mix - nöbl
Styles&techniques

8. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Styles
Techniques
Figuratif ou abstrait
Réaliste ou stylisé
Animation 2D (par interpolation)
Animation traditionnelle
Animation 3D
Captation & Volume
Stop motion
Live action
Génératif (programmation)
Précalculé, temps réel ou interactif

9. Le motion design & ses applications
Blend Web Mix - nöbl
PasséPrésentFutur

10. Le motion design & ses applications
Blend Web Mix - nöbl
30’s
Oskarfischinger
60’s
JohnWithney

11. Le motion design & ses applications
Blend Web Mix - nöbl
60’s
SaulBass
60’s
MauriceBinder
90’s
KyleCooper

12. Lemotiondesign&sesapplications
BlendWebMix-nöbl
2000’s
Internet De plus en plus de vidéos
De fortes contraintes
Flash player

13. Le motion design & ses applications
Blend Web Mix - nöbl
PasséPrésentFutur

14. Le motion design & ses applications
Blend Web Mix - nöbl
Applications

15. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Cinéma
Génériques
Films d’animation
Bandes annonces
UI design
Prologue films / Company reel

16. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Télévision
Branding
Broadcast design
Emissions
Nerdo / La Effe TV

17. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Publicité
Tv
Internet
(Prerolls, bannières...)
nöbl / Pilot Frixion

18. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Films explicatifs
L’un des plus gros marchés
nöbl / Cnci services

19. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Art
VideoClips
Performances
Oeuvres interactives
Spectacles vivants
Univerdal Everything / Projects for architecture

20. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Réalité virtuelle
& Réalité augmentée
Goodby Silverstein & Partners / Dreams of Dalí

21. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Jeux-vidéos
Cinématiques
UX/UI design
Ubisoft Montreal / Watchdogs (directed by Patrick Clair)

22. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Web
UX/UI design
Rich media
Gifs
Fantasy Interactive / UI reel

23. Le motion design & ses applications
Blend Web Mix - nöbl
Al’assautd’Internet

24. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Audience de la vidéo en ligne
Vidéonautes uniques par mois en France en 2016 :
Youtube : 28 millions
Facebook : 16 millions
Dailymotion : 11 millions
Allociné : 3 millions
Twitter : 2 millions
sources creads.fr

25. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Youtube
sources creads.fr
61% des vidéos en ligne sont vues sur You-
tube en France
2ème moteur de recherche mondial der-
rière Google
3ème site le plus visité au monde
72% des entreprises utilsent Youtube pour
le marketing.

26. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Conversion
Référencement
Réseaux sociaux
sources creads.fr
La vidéo dans une newsletter augmente le
taux de clic de 96%
Inclure une vidéo sur l’une des pages web
donne 50 fois plus de chance d’être dans
les 1ers résultats.
Un post avec une vidéo performe 2 fois
plus qu’un simple post avec photo

27. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Le motion design
adapté aux besoins
d’Internet
Ludique, pédagogique
Facile et économique à produire
Durée courte
(< 1 minute, taux de conversion élevé)

28. Le motion design & ses applications
Blend Web Mix - nöbl
PasséPrésentFutur

29. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Installations projects, oeuvres interactives
(Universal everything?)
Futur ?
De plus en plus de GPU (vs CPU) > Plus de possibilités
CG photoréalisme, temps réel etc...
Analogue again ?

30. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Virtual reality :
Oculus Rift
HTC Vive
Playstation VR
Augmented reality, mixed reality
Hololens

31. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Automatisation
UX/UI
Réalité virtuelle
Enseignement
De plus en plus
structuré
Des lettres de
noblesses
Génération de films automatiques, tem-
plates
Les designers doivent prendre en compte
la dimension «animation»
Encore peu exploitée
Auparavant, beaucoup d’autodidactes.
Désormais, beaucoup d’écoles spécialisés
Studios, budgets
Besoin de reconnaissance,
Projet Motion Plus Design

32. Lemotiondesign&sesapplications
BlendWebMix-nöbl
L’enseignement :
Par le passé > beaucoup d’autodidactes, d’indépendants
ouvert grâce au partage de connaissances (Andrew Kramer,
Greyscale Gorilla, Mattrunks, School of motion)
Depuis 6-7 ans, des écoles spécialisées :
Un monde plus professionnalisant,

33. Lemotiondesign&sesapplications
BlendWebMix-nöbl
Un secteur de plus en plus structuré :
Equipes
Studios
Budgets
Un secteur qui prend ses lettres de noblesse
(musée du Motion design)

34. nöbl
french design & motion studio
www.nobl.tv