Décomposer la création d’un projet, de sa gestation à son lancement est toujours un aspect intéressant de notre métier. Je vous propose donc de vous faire part du processus de création d’identité de mon blog Tecchan. J’ai décomposé cette étude de cas en deux parties et je vous invite à découvrir aujourd’hui la création du logo.
Introduction
Je suis rentré de mon dernier voyage au Japon avec une passion pour les trains (oui, comme Sheldon), je suis inscrit sur un forum spécialisé mais j’avais envie d’un lieu ou partager mes projets et mes photos sur l’univers des trains japonais et le modélisme ferroviaire. C’était donc le prétexte rêvé pour un projet comme je les aime: logo, identité et site web!
Le briefing
L’identité devait être marquée et le blog simple. Les sites de ce type sont souvent poussiéreux ou trop chargés, même si ils sont réalisés avec toute la meilleure volonté du monde par leurs auteurs amateurs. Je voulais donc m’orienter vers la meilleure qualité possible en termes de lecture comme d’identité.
Le nom: Tecchan
Première étape, trouver un titre, un nom pour ce blog. Tecchan est une compression du mot “tetsudo” qui signifie chemin de fer et du suffixe “chan” utilisé à titre affectif pour des amis proches ou des enfants. Ce nom vient d’une petite anecdote de mon voyage au Japon: après une longue journée à Tokyo, nous avions rendez-vous avec des amis japonais. Quand il m’a vu avec un cabas contenant un set de trains que je venais d’acheter, il a ri et a dit “tecchan”. Tecchan se définirait littéralement par “le garçon du rail” et c’est un terme utilisé, plutôt pour de jeunes garçons, qui sont, comme moi, passionnés par le chemin de fer.
Le nom est donc venu très naturellement même s’il m’a fallu confirmer avec mon ami japonais l’orthographe exacte et l’étymologie complète du mot. Pour ceux qui se posent la question: tecchan se prononce: tetchanne et s’écrit テッチャン en japonais.
Le logo
La question était ici de savoir si j’utilisais ou non du texte en japonais pour le logo. J’ai effectué plusieurs essais dans plusieurs alphabets différents afin de tester ce qui rend le mieux. Le but était de trouver quelque chose de mécanique, industriel, en accord avec le sujet.
Puis est venu l’idée de la mascotte. Je trouvais l’exercice de créer une mascotte pour ce blog intéressant car le Japon a une culture des mascottes et autres personnages assez imprésionante. Chaque région du Japon a sa mascotte dédiée, le plus souvent représentée par un animal, l’idée d’avoir un tel symbole pour un blog orienté Japon me semblait particulièrement appropriée. Même si j’ai réfléchi à l’idée d’un mini-Godzilla, j’ai très vite adopté l’idée du cochon. Sans entrer dans les détails, le cochon est un animal qui m’est un peu fétiche, le logo allait donc être très personnel. La casquette de mécanicien est arrivée ensuite pour lier la mascotte avec le sujet.
J’ai réalisé plusieurs croquis sur papier avant de trouver les bonne formes et le bon esprit. Je l’ai ensuite repris et vectorisé dans Illustrator pour arriver au dessin définitif. J’ai beaucoup joué avec les épaisseurs de lignes pour donner du volume au dessin.
Typographie
Au niveau typographique, il m’a été assez clair que je souhaitais une fonte mécanique, plus solide. Même si j’ai effectué quelques essais, c’est l’Egyptienne F de Adrian Frutiger qui a conservé toute mon attention par son dessin a la fois solide et souple. Afin de lui donner un aspect encore plus industriel, j’ai opté pour sa variante bold. Le choix de l’absence de capitale a été fait pour aider l’équilibre du mot et simplifier la lecture. Le fait de ne pas utiliser de majuscules dans un logo permet aussi de donner une image plus humble.
Composition
Il était venu le temps d’associer la mascotte au texte et c’est la partie qui m’a donné le plus de soucis. J’étais au départ parti vers une optique plus traditionnelle du logo: des aplats et peu de couleurs ainsi qu’une conception plus graphique du logo. Le texte mordait une partie du cochon et l’ensemble était associé d’une seule pièce.
Mais le résultat n’était pas très convainquant et sachant que le logo allait avoir une utilisation exclusive pour le web, je trouvais domage de limiter autant les couleurs et de ne pas mettre plus en valeur le personnage. J’ai donc pris le parti de rendre ce logo très coloré en utilisant des dégradés et des ombres ainsi que donner une meilleure place à la mascotte. Je n’avais pas besoin de considérer des cartes de visites ou des petits imprimés comme plus souvent le cas lors de la création d’un logo.
Le gris anthracite du texte a été choisi afin de donner une teinte neutre en contraste au pictogramme très coloré. Le gris foncé aide aussi à renforcer l’intention mécanique qui a été reprise plus loin dans le design du site.
Je savais aussi que le design du site web serait sur trois colonnes et que la place horizontale serait limitée. J’ai donc décidé de pousser l’idée encore plus loin et d’assumer alors totalement la mascotte en lui donnant beaucoup plus d’importance. C’est ce qui sera conservé comme idée finale.
Cela donc été réellement une création agile en revenant en arrière, en reprenant en amont pour arriver non seulement à un résultat esthétique et plaisant mais aussi adapté à son utilisation.
Rendez-vous bientôt pour la suite de cette étude de cas avec la création du blog.
