Projet : refonte graphique

Analyse de la charte graphique

Charte Graphique Générale Actuelle

couleur charte graphique
  • Couleurs : #5E9BB0 (bleu) et #71B62D (vert)
  • Typographie : plusieurs typographies (aucune cohérence et identité visuelle)
  • Eléments : aucunes règles n’a été fixé (taille, ambiance, formes)
  • Logo : logo mon alternant et ataction insetion ( manque de cohérence car il y a deux logos)

Charte Graphique Site Web Actuelle

héro header
  • Non-respect de la charte graphique, il y a une incohérence visuelle, avec toutes ses couleurs il est impossible de comprendre le sens de l’identité visuelle, l’association n’est donc pas identifiable : #C32D13 (rouge), #FFDE59 (jaune), #8ED04B (vert), #E2D6BC (beige), #C8A63D (or), #34D5DD (bleu), #319F74 (turquoise)
  • Typographie : il y a trop de typographies différentes, les titres et sous-titres ne sont pas hiéarchisés : MajestiBanner-Medium –
    700 (sous titre), Helvetica – 600 (sous titre), NeuzeitSLTStd-Book – 400 (titre), NeuzeitSLTStd Book – 400 (paragraphes)
  • Eléments visuels : Graphique sous forme de vague répétée mais cela n’est pas justifié et ne justifie pas le secteur d’activité de l’association.


eléments

Charte Graphique Réseaux Sociaux Actuelle

  • Couleur et typographies : trop de couleurs et de polices d’écritures mises en place (cela est mauvais pour l’identité visuelle)
  • Vidéos : Aucune typographie, aucune couleur respectée
  •  Eléments : aucun élément ne se répète (placement des textes, musiques…) 
  • Logo : Le logo de LikedIn n’est pas le même que celui des autres réseaux sociaux
Linkedin

Analyse de la charte graphique

Refonte graphique - Logo

Recherches identité visuelle des concurrents 

Formes et couleurs significatives : 

  • La forme ronde qui peut signifier le chemin d’accompagnement
  • Flèche signifiant l’évolution
  • Les couleurs quant à elles correspondent aux couleurs identifiées dans le secteur du social 
logos

Refonte graphique - Logo

Prototypes

Formes et couleurs significatives : 

  • Reprise des couleurs et des formes 
  • Rajout de silhouettes humaines pour l’aspect du social
  • Choix : bonne lisibilité et impactant 
logos

Refonte graphique - Logo

Déclinaisons

Une fois le logo sélectionné, il est important de le
décliner sous différentes formes et fond :  

logos

Refonte graphique - Couleurs

Il est essentiel de mettre en avant des couleurs significatives en lien avec le secteur professionnel de l’association.

  • BLEU : Le bleu représente la confiance et le professionnalisme.
    Il rassure les jeunes et les entreprises. 
  • VERT: Le vert symbolise la croissance et l’insertion. Il évoque l’évolution vers l’emploi. 
  • VIOLET : Le violet reflète la modernité et l’innovation. Il souligne le côté digital et dynamique de la plateforme. 
  • BLANC : le blanc tiré bleuté va pouvoir servir de fond dynamique dans le site web 
  • NOIR: Le noir va pouvoir être utile lors de rédaction de paragraphes et de titres  
COULEURS

Refonte graphique - Typographies

  • La typographie est l’un des éléments les plus importants, cela crée une identité visuelle remarquable et une image de marque
  • Les titres : Poppins
  • Les sous-titres : Lato
  • Les paragraphes : Inter 
typographie

Refonte graphique - Brand-Board

  • Logos
  • Typographies
  • Couleurs 
  • Planche d’ambiance 
Brand board

Cahier des normes graphiques

Stage au sein du service de Communication de l'association Ataction Insertion à Ris-Orangis (91)