RÉALISATION D UNE IDENTITÉ VISUELLE ET D UN SITE INTERNET POUR LA NOUVELLE CHAINE «6TER»

Transcription

1 RÉALISATION D UNE IDENTITÉ VISUELLE ET D UN SITE INTERNET POUR LA NOUVELLE CHAINE «6TER» EXAMEN GÉNÉRAL//WEB3AN/2012 JÉRÔME BRAZ

2 SOMMAIRE Contexte / Projet p1 Roughs p2 Roughs Vectorisés p3 Logo Final p4 Couleurs p5 Typographie p6 Etats des lieux p7 à 9 TF p7 France p8 Canal p9 Mockup p10 Maquette p11 Site Internet p12

3 CONTEXTE Le groupe M6 lancera prochainement la chaine «6ter» sur la TNT en décembre Cette chaine s adressera à toute la famille, toute la journée. Tous les programmes auront vocation à être vus ensemble, par plusieurs générations. La grille sera centrée sur trois genres phares : «découverte, magazines et documentaires familiaux et fictions.» Dans cette perspective, nous souhaitons accompagner la naissance de la nouvelle chaine TNT HD avec la création d une identité visuelle ainsi qu un site internet ambitieux, conçu comme un espace de découverte, innovant et interactif. Un site internet qui sera un puissant relai en terme de notoriété, de communication et de promotion de la chaîne. Projet Dans un premier temps, il y aura la création de l identité visuelle avec logos, couleurs et typo. Ensuite dans un second temps, nous nous intéresserons à la création de la page d accueil du site internet avec mockup, maquette et intégration. 1/12

4 ROUGHS Lors de mes dessins d intention, au départ, j étais parti plutôt sur quelque chose de compliqué au niveau graphique (numéros 2, 3, 5, 6 et 10) puis je me suis rabattu sur des choses très simples, avec seulement le titre de la chaine (5, 9 et 11). Les dessins que j ai choisi de vectoriser sont les 1 et 11. 2/12

5 ROUGHS VECTORISÉS Première colonne : j étais parti sur quelque chose de très simple, trop simple. Sur des couleurs ne faisant pas rappeler l univers de la télévision. Seconde colonne : Ensuite je suis parti sur quelque chose de plus amusant, faisant référence aux enfants, mais aussi de plus sérieux avec la typo plutôt carré. Troisième colonne : Les couleurs ont été modifiées, vert et bleu, qui fait plus référence à la famille. Le carré du 6 reste figé pour donner du sérieux à la chaine en contraste avec les carrés décalés du «ter». 3/12

6 LOGO FINAL Le logo final est un bon compromis entre la découverte et le sérieux que veut le groupe m6. Avec le carré du 6 qui nous semble statique et le «ter» qui semble bouger, cela permet au logo de vivre tout en étant bien structuré et plutôt homogène. 4/12

7 COULEURS R V B : CMJN : WEB : #AAC811 R V B : CMJN : WEB : #2F4475 R V B : CMJN : WEB : #6AB42D Le bleu est la couleur préférée des Européens et des Français. Il est omniprésent dans la nature, il ne choque pas et emporte l adhésion de tous. Le bleu est une couleur discrète. Le vert évoque la nature également mais aussi la propreté. C est une couleur médiane, non violente et apaisante. Le vert est la couleur des dimanches ordinaires, dimanche : jour de la famille. C est également le symbole de jeunesse, de liberté et de santé. Le vert est, d après une enquête d opinion en deuxième position, après le bleu. On peut donc dire que ces couleurs se marient plutôt bien et qu elle se retrouvent dans notre vie quotidienne. De plus, ce ne sont pas des couleurs agressives, qui nous permettent donc de cibler un large ensemble de personnes. 5/12

8 TYPOGRAPHIE J ai choisi une typo simple sans empattement cela ne ferme pas le logo. MYRIAD PRO : REGULAR ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ITALIQUE ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Pour le site internet la typo sera de l arial, car c est une typographie instalée par défaut sur tous les ordinateurs. 6/12

9 ETATS DES LIEUX Site de TF1 Identité visuelle peu présente au sein du site Le menu est peu visible Slideshow trop imposant, qui prend toute la page Trop de publicité, trop d information Au niveau ergonomique, je trouve que le site est trop divisé (dans un premier temps en 2 puis en 4), je trouve cela difficile pour la lecture et la compréhension. Au niveau du design, le site est assez simple, pas de surplus, je trouve qu il est très bien. Les footers comme ceux-ci, je ne les affectionne pas du tout, trop gros. 7/12

10 Site de France 2 Identité visuelle : le logo de france2 n est pas présent sur le site. Le menu est bien visible Le fait qu il y ai le programme du soir me parrait important Au niveau ergonomique, je trouve que le site est bien organisé, les titres sont bien voyants, on arrive à tout comprendre. Au niveau du design, la recherche est peu developpée le site est assez simple. Il n y a pas de footer, très original. 8/12

11 Site de Canal + L identité visuelle est bien présente, tout est carré comme la typo et le logo de la chaine. Le carrousel s intègre bien dans le design du site. Au niveau ergonomique, il n y pas de sous divisions, tout est clair et simple d accès. Au niveau du design, le site est graphiquement simple mais fonctionne très bien avec l identité visuelle de la chaine Le footer est trop important, trop d informations qui, me semble, ne sont pas très essentielles. 9/12

12 MOCKUP J ai décidé de mettre à coté du logo le décompte de lancement de la chaine. Ensuite, il y aura le programme de la soirée. Puis, un slideshow, des infos changeables et un encart de publicité. Enfin, les chaines du groupe. 10/12

13 MAQUETTE La taille du site sera de 1000px / 1040px, ce qui fait un design rectangle plus institutionnel, plus sérieux. 11/12

14 SITE Le site est disponible à l adresse suivante : jeromebraz.free.fr/6ter-brazjerome3ww/site/ 12/12