';
side-area-logo

Identité Visuelle & Site Internet — Guy Larrieu

Changement de l'identité visuelle du photographe Guy Larrieu, design graphique du logo & des cartes de visite, puis refonte du site internet

  Le Contexte  

Un Web Designer pour une Refonte de Site Internet, une Nouvelle Identité Visuelle & des Cartes de Visite

separation blason gelas graphiste webdesigner concepteur redacteur
wedesigner creation site internet identite visuelle photographe gers

En fin d’année 2014, un de mes clients exerçant le métier de photographe dans le Gers fait appel à mes services afin de refondre son site internet. Celui-ci avait été créé par mes soins en 2010 et entièrement codé en HTML & CSS.

Difficile de ne pas reconnaitre que ce site internet vitrine a assez mal vieilli en quelques années seulement et que les technologies actuelles – telles que le webdesign responsive par exemple – ont considérablement modifié le paysage du web.

Guy Larrieu souhaite également administrer et mettre à jour son site lui-même, chose qu’il ne pouvait pas faire avec son ancien site, à moins de maîtriser le HTML et le CSS… Une solution de site internet via le C.M.S. WordPress est alors privilégiée pour sa facilité de prise en mains. Une 1/2 journée de formation est également allouée à l’administration du site internet.

À cela, le photographe me demande une identité visuelle plus moderne et plus sobre, dans des tons de couleurs plus sombres que le chocolat et le jaune qui ornent son site vitrine statique.

Je repars avec une commande complète de création de logo, cartes de visite, et site internet administrable.

  Création de Logo  

Créer une Identité Visuelle Sobre, Chic & Moderne

separation blason gelas graphiste webdesigner concepteur redacteur lite

En 2010, lorsque j’ai commencé à travailler avec Guy Larrieu, il n’avait pas de logo mais un site internet dénué de design. Ma mission fût de créer une identité visuelle graphique et colorée. Des tons de couleurs chocolat et jaune furent choisis.

En 2014, ma mission est toute autre : revenir à une identité visuelle plus sobre, plus chic et plus moderne. Des couleurs sombres sont requises et le noir est imposé. Le rouge bordeaux et le gris viennent compléter la palette de couleurs de la nouvelle identité visuelle.

L’objectif d’appareil photo est conservé et la typographie utilisée comme signature est reprise. Le nom du site disparait au profit du nom Guy Larrieu & de l’activité professionnelle.

  Charte Graphique  

Une Charte Graphique Mêlant Sobriété & Efficacité

separation blason gelas graphiste webdesigner concepteur redacteur lite

Côté couleurs, le noir m’est imposé et le client aimerait l’associer à la couleur Bordeaux. Mais se pose le problème du contraste entre ces 2 couleurs sombres… Un compromis est trouvé en éclaircissant le bordeaux et en le faisant virer au rouge, ce qui permet à chaque couleur de bien ressortir. Le gris vient alors rajouter une touche de chic.

Malgré de nombreuses propositions de typographies manuscrites, c’est la Dali, la police de caractère utilisée pour signer ses photographies, que Guy Larrieu choisira parmi toutes. Une police bâton classique vient compléter le logo pour indiquer l’activité professionnelle.

identite visuelle photographe charte graphique colorimetrie
identite visuelle photographe charte graphique typo dali

  Cartes de Visite  

Création Graphique des Cartes de Visite

separation blason gelas graphiste webdesigner concepteur redacteur lite

Des cartes de visite sont créées à partir du logo et de la charte graphique validés par Guy Larrieu. Le format vertical apparait comme le meilleur choix pour mettre en valeur le logo.

Grâce à ce format hauteur, le recto met en opposition le logo, en haut, et, le bandeau adresse avec les coordonnées et l’URL du site internet du photographe gersois, en bas.

Le verso liste les types de photographies et de reportages réalisés par Guy Larrieu. Le logo est réutilisé pour les listes à puces et l’objectif de l’appareil photo est positionné en fond, en ton sur ton, en bas à droite du verso de la carte de visite.

  Création de Site Internet  

Création d'un Site Internet WordPress “Responsive” Idéal pour l'Administration & la Mise à Jour de son Contenu

separation blason gelas graphiste webdesigner concepteur redacteur
wedesigner creation site internet photographe gers

Pour que Guy Larrieu puisse ajouter ou enlever les photos de son site, la solution du C.M.S. WordPress est choisie, non seulement pour sa facilité d’utilisation et de prise en mains mais aussi pour son choix important de thèmes.

Une sélection de thèmes WordPress pour photographes est présentée à Guy Larrieu avec les différentes fonctions les composant. Son choix se porte sur le thème Diamond créé par GT3 Theme.

Le plan du site et les rubriques des photos sont définies dès la constitution du cahier des charges, en amont de la conception du site.

L’avantage d’une création de site internet de photographe est que son contenu est unique : des photos. Néanmoins, l’inconvénient principal consiste en un important travail d’optimisation des images, avec plus de 500 photos à traiter et à organiser selon les rubriques.

Le site internet WordPress est d’abord installé puis conçu sur un ordinateur en local, avant d’être transféré sur l’hébergement web et d’être mis en ligne tout en étant masqué du public. Le site est validé par Guy Larrieu, avec seulement quelques petites corrections à effectuer. L’ancien site peut être retiré pour être remplacé par le nouveau, après avoir gérer toutes les redirections 301 des anciennes URL.

  Livret de Formation  

Conception d'un Livret Personnalisé & Formation à l'Administration du Site

separation blason gelas graphiste webdesigner concepteur redacteur lite

En complément d’une formation d’une demi-journée prodiguée au photographe gersois Guy Larrieu, un livret de 16 pages est conçu puis lui est remis pour être conservé et lui servir de mémo.

Ce livret de formation comporte les chapitres suivants :

  • La présentation de l’interface d’administration WordPress ;
  • La gestion des photos ;
  • Les galeries photos ;
  • Créer une galerie ;
  • Les articles d’actualités ;
  • Publier un article ;
  • Récapitulatif marche à suivre ;
  • Bonnes pratiques.
webdesigner graphiste formation administration site internet wordpress

Vous avez Besoin d'un Site Internet ou d'une Identité Visuelle ?

Contactez-moi. Ensemble, nous pourrons étudier votre projet et trouver des solutions adaptées à vos besoins et votre budget.