Pop ton Prof !

Audiovisuel, Graphisme, Motion Design, Web

Pop Ton prof !

Projet

Dans le cadre d’un cours de Gestion de Projet de la formation MMI, nous devions réaliser un projet par groupe de 2 à 4 personnes autours d’une des thématiques suivantes : le Pop Art, le Land Art, le Pixel Art. Une fois le cahier des charges validé, nous avions un mois pour mener à bien ce projet.

Maquettes

Avant de commencer à créer la maquette statique, j’ai d’abord défini la maquette blanche du site. J’ai opté pour un one-page (un site possédant qu’une seule page) où l’utilisateur peut descendre ou monter selon son choix. La maquette devait comprendre :

  • La page de garde définie dans la charte graphique
  • Une section de présentation du projet (avec le déroulement ainsi que les objectifs visés)
  • Une galerie d’images que nous allions créer
  • Une présentation de l’équipe du projet
  • Une section making of où nous dévoilerions les coulisses du projet
  • Une partie consacrée aux scénarios que nous devions réaliser
Guillaume GENDRE - Pop ton Prof

 

Guillaume GENDRE - Pop ton Prof

Une fois la maquette blanche réalisée, j’ai pu me consacrer à la maquette statique du projet Pop Ton Prof !

Guillaume GENDRE - Pop ton Prof

 

Intégration

Une fois la maquette validée avec mes trois autres camarades, j’ai pu me lancer dans l’intégration de la maquette : l’intégration permet de transcrire en ligne de code ce qui a été défini graphiquement dans la maquette statique.

Ce site nous a donc permis de présenter facilement et intuitivement notre projet.

Voici le lien menant au site : pop-ton-prof.mmi-lepuy.fr

Rendu Final de l’animation

La réalisation du site étant terminée, nous avions comme consigne de réaliser un making of. Je me suis donc juste chargé d’animer le titre de la page principale sous After Effect.
J’ai ensuite pris le design déjà réalisé puis j’ai animé, calque par calque , le titre « Pop ton Prof! ».

Voilà donc le résultat :