CAHIER DES CHARGES DU SITE WEB DES PARASITES.
L EQUIPE Colin Sionneau Chef de Projet Victorien Quero UX Loic Jaffre Graphiste Thomas Morcrette Développeur
SOMMAIRE - Introduction : - Présentation du Client - Présentation globale du projet - Objectif : - Contenu : - Arborescence - Détails du contenu - Charte Graphique : - Moodboard - Wireframe - Gestion du site : - Retro Planning:
INTRODUCTION PRÉSENTATION DU CLIENT : Les Parasites se sont formés initialement lors d un concours 48 HFP (48 heures film project) en 2013. Intitialement partis pour s amuser et non remporter le concours, ils se qualifient eux-même comme étant les parasites des concours (d où leur nom actuel). Ils finiront cependant par remporter de nombreux prix, et, ainsi motivés par leur réussite, le groupe enchaîne les différents concours 48 HFP. Tous droit sortis de leurs écoles de cinéma, ils continuèrent dans la voie des courtsmétrages en agrandissant leur équipe. Suite à cette aventure ils décidents de diffuser leurs vidéos sur la plateforme Youtube anfin d avoir plus de visibilité et mieux se faire connaître. Depuis 1 an leur chaîne ainsi que leurs projets prennent de l ampleur (150 000 abonnés). Ils entreprennent maintenant de faire un site web afin de se créer une identité plus forte et de se rapprocher de leurs abonnés.
INTRODUCTION PRÉSENTATION DU PROJET : Le projet est de créer un site pour les Parasites afin d enrichir leur contenu, de gagner en notoriété et de se créer un univers et une véritable communauté qui aura accés à plus d informations et de bonus. Ainsi, chaque court métrage aura sa propre page web avec explications, bonus, photos, anecdotes, making-of, liens vers les pages personelles des intervenants (caméraman, ingénieur son, etc.). Le site permettra une réelle intéraction entre les Parasites et leur public notament grâce à une page où ils pourront proposer leurs services et leurs idées au groupe.
OBJECTIFS SUITE À UN ENTRETIEN AVEC NOTRE CLIENT ET À UNE RECHERCHE POUSSÉE DE NOTRE PART, NOUS AVONS DÉFINI 7 OBJECTIFS CAPITAUX DU SITE : Mieux se faire connaître. Créer une interface plus développée que Youtube entre le groupe et leur public. Donner plus d informations à leur public sur leurs vidéos, techniques de tournage et d écriture. Ce site permettra de se rapprocher de leur public (biographies, photos de tournages, scènes bonus). Créer une vraie identité visuelle pour le groupe qui est pour l instant inexistante. Pouvoir recevoir des projets, des propositions de collaborations. Promouvoir les personnes avec qui ils travaillent, ainsi que les chaînes secondaires de certains membres du groupe.
CONTENU ARBORESCENCE : Animation ( $3 secondes ) Accueil logo Slide caché : générateur de peech Slider news - vlogs - présentations menu Vidéo Présentation Contact Fausse boutique Présentation brève des vidéos. liens indépendants Histoire des Parasites Présentation du «noyau» Nous aider et comment? (formulaire) Liens vers les réseaux sociaux. Vente / présentation des objets présents dans les courts-métrages Vidéo cliqué + infos bonus corréspondantes (making-of - teaser - objet boutique - intervenants - photos) Présentation intervenants erreur 404 Vlogs Liens perso
CONTENU DÉTAILS DU CONTENU : Lorsqu une chaîne Youtube prend de l ampleur et que celle-ci cherche alors à développer son site web, il doit répondre aux contraintes suivantes : Youtube étant une plateforme permettant le partage de vidéos, il est important que le site web d une chaîne Youtube ne reprenne pas simplement ce principe. Lorsqu un créateur de vidéos commence à creer une communauté, celle-ci, dans la plupart des cas, aura tendance à découvrir la chaine Youtube avant son site internet. Dans ce cas, nous voulons créer un site où les visiteurs reconnaissent un univers, où les plus curieux puissent en apprendre plus ou découvrir de nouvelles choses; un site où les plus ambitieux puissent s investir, et où les plus créatifs puissent s inspirer. L intérêt de l animation lorsque l on rentre sur le site, est de rappeller au visiteur qu il va visiter un lieu dédié à la vidéo, qu il arrive sur ce site comme s il découvrait un nouveau court-métrage. Afin de ne pas le perdre, la vidéo ne devra pas durer plus de 5 secondes et ainsi accéder à l essentiel rapidement. L accueil contiendra peu d informations afin de garder un maximum de place pour l ambiance du site. Un slider montrera les principales nouveautés et permettera de mettre en place un élément pour les plus curieux, le Slide caché qui contiendra un générateur de peech, comme pour un 48fhp. Le menu sera découpé en 4 parties: Les vidéos en premier plan, permettant d acceder à toutes les informations sur les vidéos ou d en découvrir de nouvelles. La présentation des Parasites, pour tout renseignement sur l équipe ou pour rediriger le visiteur vers des infos complémentaires sur d autres sites. Une page «contact» pour permettre à nos clients de recruter du beau monde, ou permettre aux visiteurs de s aventurer dans la création avec les Parasites! Et enfin une fausse boutique pour le coté humoristique de la bande, permettant de présenter des objets phares, présents dans les courts-métrages, redirigeant vers une 404 pimpé.
CHARTE GRAPHIQUE MOODBOARD : Nous souhaitons présenter un site sobre (noir et blanc) pour rester dans l univers cinématographique des Parasites : films d auteurs, scénario élaboré et réfléchi. Nous utiliserons aussi la couleur orange qui représente la création et le dynamisme, afin de conserver un côté stimulant. La couleur orange sera utilisée en partie pour les liens du site et les interactions.
CHARTE GRAPHIQUE BENCHMARK : Dans tous les sites des chaînes Youtube dédiées aux courts-métrages, les vidéos sont mises en avant et des bonus en rapport avec celles-ci sont disponibles (teaser, making-of, etc.). Une présentation de l équipe est souvent présente.
GESTION DU SITE Les clients des Parasites se situent majoritairement dans la tranche d âge 20-40 ans et sont souvent des adeptes du cinéma et des films d auteurs. Ainsi les technologies utilisées pour le codage du site devront être modernes et accessibles sur tous les navigateur étant donné la tranche d âge très large des utilisateurs. Le site sera donc codé en HTML5, CSS3, Javascript (JQuery) afin de pouvoir l adapter sur tous types de navigateurs. Les données seront traitées en PhP.
RETRO PLANNING JEUDI 5 MAI : Entretien avec le client pour valider les wireframes et maquettes LUNDI 9 MAI : Présentations des maquettes + wireframes LUNDI 30 MAI : Templates HTML/CSS DIMANCHE 5 JUIN : Point projet sur le développement du site MARDI 5 JUILLET : Présentation du site complet