Projet 2
Les Souvenirs de Gravity Falls
Introduction
Au cours de la formation, j’ai réalisé un projet sur un thème que j’aime.
J’ai choisi une série que j’aime “Les Souvenir de Gravity Falls », car c’est une série pleine d’aventures de mystères et de comédies.
Outils Utilisés
Exploration
1. Choix du projet
Comme je ne savais quel sujet choisir, j’ai tout d’abord noté mes idées, pour cela, j’ai utilisé les post-it de Figjam. J’ai choisi celui qui me tentais le plus.
2.Analyse de la série
Après avoir choisis la série, j’ai effectué un benchmark, c’est-à-dire une analyse de l’identité et des point forts et points faibles de la série.
3.Benchmark Concurrentiel
J’ai ensuite effectué un benchmark concurrentiel afin d’analyser les points fort et points faibles concurrence directe de la série.
4.Arborescence
Ensuite, j’ai trié et rassembler mes idées en faisant mon arborescence sur Octopus.
5.Moodboard
Pour créer la maquette, j’ai créé un moodboard sur Figma, j’ai choisis 5 images sur le thème de la série.
Grâce à ces images, j’ai pu choisir 3 couleurs adaptées au thème, et que je mettrais sur mon site.
Après avoir exploré plusieurs sites comme Pinterest, Behance et Google Fonts à la recherche de la typographie adéquate, j’ai finalement opté pour la police « Gothic » qui s’harmonisait parfaitement avec le thème de la série.
6.Recherche d’Images
J’ai ensuite trouvé plusieurs images des personnages et des scènes de la série sur Pinterest et Google Image.
7.Zoning
J’ai ensuite fait un zoning de mes pages, puis j’ai créé une maquette sur Figma.
Conception
Composant et Carrousel
J’ai créé un composant avec une image et une description pour chaque personnage de la série.
À partir des composants, j’ai fait un carrousel à faire défiler horizontalement et sur la droite.
Conception de la Vidéo
1.Illustrator
Pour la vidéo, je devais commencer par le motion design, j’ai recherché et téléchargé les images des personnages sur Google Image, puis je les ai détourées sur Adobe Illustrator. Afin de m’adapter à l’histoire de la vidéo, j’ai modifié les émotions des personnages principaux.
2.After Effect
En seconde partie, j’ai dû faire les mouvements des personnages, sur Adobe After Effect. Ensuite, j’ai modifié l’arrière-plan, le temps, la rotation, des éléments. J’ai monté les plans avec une musique de la série.
3.Résultat de la vidéo
Intégration du site web
Pour finir ce projet, j’étais tenu à faire l’intégration du site web. Pour cela, j’ai utilisé Visual Studio Code, j’ai commencé par l’HTML puis le CSS.
Résultat
J’ai pu effectuer une vidéo et intégrer le site, comme c’est ma première fois, j’ai eu des difficultés à effectuer cette vidéo et l’intégration du site, mais malgré cela, j’ai réussi.
