CONTEXTE :
  • Workshop Mastère 1 à LISAA : refonte de l’identité visuelle du site « A la folie théâtre ».
  • Projet en collaboration avec Margaux Vienet.
MISSIONS :
  • Analyse du site existant & benchmark
  • Recherche concepts (moodbard & pistes créatives)
  • Création d’une nouvelle identité visuelle
  • Charte graphique
  • Site internet version web & mobile
LOGICIELS :
  • Adobe XD
  • Illustrator & Photoshop
A la Folie Theatre

Charte Graphique

Refonte du logo

Réalisation d’un logo plus moderne, épuré et interactif. Un logo coloré, pétillant, qui reste dans l’univers du théâtre. Ici, nous nous sommes inspirées du mot folie. 

Le logotype est composé de deux cercles, l’un plein, et l’autre avec seulement les contours apparentas. Inspiré par l’idée de folie, fête, champagne, ils donnent un côté pétillant au logo. Pour la typographie, la Montserrat est utilisée, une typographie simple et efficace à lire. Pour donner un côté vivant et interactif, nous lui avons donné du mouvement. 

La zone de protection

Le « E » doit être respecté, afin de préserver la lisibilité du logo. Aucun élément ne doit figurer dans cette zone de protection. La zone de respiration permet de faire respirer et vivre le logo. Elle doit faire au minimum deux fois la largeur du « E ».

couleurs principales

CMJN : 0, 27, 45, 0

RVB : 251, 200, 150

Hex : ##FBC896

CMJN : 93, 75, 0, 0

RVB : 0, 0, 255

Hex : #0000FF

Le logo est composé de deux couleurs : un bleu électrique, flash, qui apporte la modernité, un côté festif, et la folie au logo. Un orange clair, une couleur plus douce, plus calme. 

Ce sont deux couleurs opposées, qui permettent une bonne lisibilité et représentent l’univers du théâtre. 

couleurs secondaires

CMJN : 0, 34, 52, 0

RVB : 249, 185, 131

Hex : #F9B983

CMJN : 0, 6, 12, 0

RVB : 255, 243, 229

Hex : #FFF3E5

Pour ces couleurs, on retrouve un dégradé d’orange, qui se marie avec les couleurs principales, que l’on retrouvera en fond ou sur les illustrations qui vont agrémenter le site. 

Déclinaisons

Les interdits

Il est interdit : 

  • De modifier la typographie du logo. 
  • Aucun élément ne peut chevaucher le logo. 
  • Aucun élément ne peut chevaucher la zone de protection.
  • D’ajouter des contours à la typographie du logo. 
  • De déformer le logo.
  • De modifier les différents éléments du logo.
  • D’appliquer une rotation au logo. 
  • De modifier les couleurs du logo. 

Marqueurs identitaires

Pour les marqueurs identitaires, nous avons repris les couleurs du logo, et joué avec des illustrations de formes circulaires ou arrondis, qui rappellent la forme graphique. Les formes sont également inspirées du mot folie, que l’on retrouve dans le nom « À la folie théâtre ». Elles représentent le côté festif, bulle, feux d’artifice, donnent une idée de mouvement. Nous avons également choisi des formes circulaires afin qu’elles s’opposent à notre mise en page très carré. 

Visuels

Pour les visuels, nous avons repris des photos en utilisant les couleurs du logo, et nous avons joué avec la bichromie. Des dégradés de bruit, pour apporter de la modernité, et se marier avec la mise en page du site. 

Icônes & boutons

Pour les icônes et boutons, nous sommes restées dans notre univers circulaire et d’illustrations arrondies, afin qu’ils se fondent dans le site, et soient à la fois modernes et originaux. 

Application sur le site

Mockup