Annexe. L opéra de toulon Projet scolaire // octobre 2014 identité visuelle interface web

Transcription

1 Dossier de créations graphiques 2015

2 01 pages 2-5 L opéra de toulon // octobre 2014 identité visuelle interface web 02 pages 6-7 voyages immersifs projet scolaire // février 2015 interface web 03 pages 8-9 Vinzer projet scolaire // février 2015 application ipad 04 pages Terres d aventure projet scolaire // mars 2015 interface web Annexe Mon projet professionnel

3 L opéra de toulon Identité visuelle fait principal Toujours au service de la musique et du grand répertoire, de titres célèbres en découvertes, l opéra de Toulon crée des spectacles de qualité. Afin de refléter son identité, l entreprise souhaite refaire sa communication. Proposer une identité visuelle. Faire transparaître dans la communication le nom de l opéra en toutes lettres. foule péra de Tou lon 01 Tendances PÉ ÉR RA Lumière son harmonie et mouvement L identité visuelle de l opéra doit traduire l harmonie et la dynamique. C est pourquoi j ai fais des recherches à partir d éléments présents à l opéra tels que le son, la lumière et la foule. À partir d illutrations, j ai minimalisé et géométrisé les éléments afin de trouver des visuels qui correspondent à ce que veut l opéra. J en suis arrivée à l élaboration d un visuel basé sur le son : il représente les ondes qui se propagent, les différentes couleurs traduisent la multiplicité des représentations de l opéra. En même temps, elles forment une unité de par leur disposition en un cercle. Enfin, leur incurvation suggère un mouvement, ce qui rend le visuel dynamique.

4 L opéra de toulon Webdesign Proposer une identité visuelle et un programme en ligne (graphisme éditorial web). Déclinaison de l identité visuelle sur le programme en ligne et présence permanente du logo et du nom de la rubrique Programme 2015/ calcul des données: le nombre de clics sur les rubriques mouvement survol les rubriques tournent. site web génératif À chaque ouverture du site, le visuel graphique est différent. En effet, il varie selon des données: ici, chaque section contenant les rubriques s éloigne selon le nombre de clics sur la rubrique. n peut voir ainsi quelle rubrique est plus populaire. Les données s enregistrent toutes les minutes, ce qui fait que le logo varie minute par minute, le site est différent chaque minute. J ai décidé de metre une photo retouchée de l opéra de Toulon en fond, afin d encrer le visiteur dans l univers de l opéra. Le logo de l opéra est fixe en haut à droite du site, tandis que l interface intéractive est en opacité réduite afin de se fondre dans le design général.

5 Voyages immersifs Webdesign // Motion design 02 fait principal L agence Voyageurs du Monde veut instaurer une section dans ses locaux dédiée à la découverte. Cette section aura pour but de faire découvrir à travers la réalité virtuelle, les différents voyages que propose l agence, et ainsi de donner envie aux gens d acheter les voyages. Décrire l évènement. Faire la communication des nouveau lieux de découverte de cette entreprise. Faire transparaître dans la communication le fait que cet évènement est original et impactant. Faire apparaître le logo de Voyageurs du Monde. Plonger l internaute dans un univers immersif et libre. animations Une tête se dessine en ligne continue. Plan fixe: 4 secondes. Les lunettes de réalité virtuelle apparaîssent et glissent sur la tête. Plan fixe: 3 secondes. immersion Une sphère panoramique apparaît par augmentation d échelle. Plan fixe: 1 secondes. Apparition du texte progressivement dans un masque circulaire. Plan fixe: 1 secondes. L image dans la sphère tourne pour montrer le principe de réalité virtuelle. La sphère panoramique tourne à 360, la tête suit ce mouvement. Plan fixe: 5 secondes. inspiration Dynamique J ai décidé de m inspirer de la communication existante de Voyageurs du monde: des photos spectaculaires, des typographies linéales, blanches et sobres. J ai ajouté une touche originale en prenant une photo panoramique intégrée dans une sphère 3D (pour que la photo soit en continu), avec un principe de navigation qui traduit l immersion: le drag n drop à l infini. Les rubriques sont fixes sur la photo, et toutes reliées par une ligne continue qui croît en fonction du drag. Chaque rubrique est dotée d une animation, qui rend le site dynamique.

6 Vinzer Groupe de 2 Identité visuelle // Design d interface // Développement fait principal Créer une application musicale, choix libre d interactivité et de thème. Créer un design attrayant et une interactivité dynamique et intuitive pour inciter à l utilisation. Cette application devra être développée pour les ipad. 03 Mockup inspiration interactivité humour Vinzer est une application musicale sur ipad qui permet de créer des compositions à l aide de sons associés à des personnages interactifs. Les personnages ont été designé et animé par mon binome. J ai été chargée de créer les principes d interactivité, l identité visuelle ainsi que le développement complet, le tout sur un ton ludique et humoristique. Basé sur la représentation du son, l interface et l intéraction se veut dynamique et vivante. La typographie et le logo reflètent exactement la même idée: pour le logo, j ai repris la tête de Vinzer, afin de garder le côté humoristique de l application.

7 Terres d aventure Webdesign // Intégration 04 fait principal Terres d aventure propose une sélection de 70 circuits à vélo et d aborder une nouvelle approche du voyage: découverte, rencontre, plaisir et détente. Concevoir la scénarisation intéractive, les principes navigation et l univers du site internet thématique «voyages à vélo». Conserver es rubriques: Fleuves et canaux, Châteaux et patrimoines, Iles et littoral, Terroirs et art de vivre. Survol des icônes: minimalisme symboles icônes map menu Déplacement Terres d aventure a besoin d un site web qui traduit une idée de déplacement, d environnement et de liberté. Pour répondre à cette demande, j ai opté pour un principe de navigation original: la map, qui consiste à mettre un visuel plus grand que la taille de l écran, où l on peut se déplacer à l intérieur pour le voir sur toute sa surface, avec un drag and drop ou un survol. L illustration est sans perspective, en flat design pour traduire une idée actuelle et ludique. Elle est divisée en 4 parties, chacune représentant une rubrique. Les icônes présents sont des photos des lieux que partagent les internautes. Cette map fait donc aussi office de réseau de partage.

8 Mon projet professionnel Le projet que j ai préféré Parmi les projets présentés dans ce dossier, celui que j ai préféré est «Voyages immersifs». Ce projet m a permis d utiliser une technologie qui m intéresse et que j avais découvert lors de mon stage de 7 semaines à INKA Toulon, agence de communication visuelle, qui est la réalité virtuelle. Cette technologie en évolution m a permis de créer une interface différente et immersive, et d opter pour des principes de navigation dynamiques. De plus, j ai pu créer un univers basé sur le rêve et l imaginaire, avec un décor de nuit et un graphisme sobre et minimaliste. Le concept que j aime utiliser Dans les projets que j ai réalisé, j ai utilisé à quelques reprises le design génératif. L étude des données m intéresse, en effet mon BAC scientifique m a aidé à développer un esprit d analyse, et je le mets donc au service du design. mon projet professionnel Aimant dessiner ainsi que créer de la dynamique et de l interaction, j aimerais exercer le métier de graphiste multimédia.