BRANDING

Loiseau créatif

Le Projet

FONCTION – DA & UI Design

CLIENT – Me 🙂

TIMING – 3 semaines (juin 2016)

TYPE – Digital Branding

OUTILS – Photoshop, Sketch, Illustrator

Loiseau créatif - Colors

J’ai entrepris en 2016 une refonte de mon identité digitale. Ce portfolio en est l’aboutissement.
Voici le détail du processus créatif adopté sur ce projet.
LE PROCESSUS CRÉATIF

Introspection

Dans un premier temps, une petite introspection s’impose afin d’identifier les valeurs et tendances à véhiculer, qui caractérisent mon état d’esprit.

 

Les voici, regroupées par typologie :

  • créativité, intuition, passion, couleurs, brin de folie
  • précision, codes, maîtrise, rigueur, méthodologie, rupture
  • concentration, calme, sérénité, flexibilité, optimisme

Couleurs

L’esprit maintenant mieux focalisé, je définis un univers coloriel en accord avec ces valeurs.

 

J’ai une bonne idée de ce que je souhaite, globalement un univers épuré et équilibré qui inspire modernisme et sérénité. J’opte pour l’utilisation d’un duo de couleurs utilisé avec parcimonie.

La couleur majeure identitaire est le bleu, qui m’est fétiche et reflète bien mon tempérament.
En couleur secondaire j’ai opté pour une teinte complémentaire saumonée, imageant l’autre facette plus extravertie de ma personnalité.

Ensuite je décline une palette de gris incluant un subtil pourcentage de couleur identitaire qui renforce l’harmonie globale.

Pour la définition des codes couleurs exacts j’ai pour habitude de partir d’une teinte de référence normalisée, choisie dans un nuancier Pantone. Le bleu Pantone 284C est ici le point de départ pour définir les autres teintes.

Loiseau créatif - Couleur identitaire

Loiseau créatif - Couleur secondaire

Loiseau créatif - Noir

Loiseau créatif - Sombre

Loiseau créatif - Median

Loiseau créatif - Clair

Système graphique

Il s’agit de définir un set minimal de formes graphiques de base, support de création pour ensuite réaliser les iconographies et codes d’habillage du projet.

En suivant mon intuition, je me suis limité à trois éléments de base : le cercle, le triangle et un pattern hachuré vertical.

On peut justifier ce choix avec les valeurs définies auparavant :

  • La rondeur pour le calme, la sérénité, la flexibilité.
  • Le côté angulaire du triangle pour la précision, la rupture, le brin de folie.
  • Les hachures pour la rigueur, la méthodologie, la concentration.

Au niveau coloriel j’utilise un dégradé entre les deux couleurs majeures, qui peut être orienté sans contraintes.

Typographies

Un choix délicat et très important pour l’impact visuel des contenus et le plaisir de consultation.

J’ai choisi d’utiliser le catalogue de typographies open source de Google Fonts. Il est gratuit et propose un large choix de bonne qualité.

Playfair Display

Une typographie impactante pour les titres et mises en avant, élégante et « rétro-moderne ».
Conçue par Claus Eggers Sørensen, elle trouve son inspiration dans les fontes de la fin du 18ème siècle.
Son contraste et sa délicatesse m’ont séduit.

 

Hind

Une typographie pour texte courant, avec une bonne lisibilité sur tous supports, et qui s’accorde bien avec la précédente.
Conçue par Manushi Parikh pour l’Indian Type Foundry, et spécialement pour le design d’interfaces.
Elle apporte un rendu « humain » avec son alliance de rondeurs et bâtons horizontaux & verticaux, en accord avec notre système graphique.

 

Loiseau créatif - Open Sans

Conçue en 2010 par Steve Matteson sur une commande de Google. Elle possède un rendu optimal aussi bien sur le web qu’en impression ou sur des interfaces mobiles.
Je l’ai utilisée pour mon intitulé à côté du logotype, et sur les cartes de visite.
J’apprécie son rendu très clean et droit, inspirant sérieux et professionnalisme.

Logotype

C’est l’image de la marque, son code visuel de référence. Il doit être attractif et bien refléter ses valeurs.

Par analogie avec mon nom de famille, j’ai choisi de réaliser un petit oiseau (et non je ne me suis pas inspiré de Twitter 🙂 ).

C’est un animal qui me correspond bien aussi, en prenant son envol pour s’inspirer en altitude et scruter le monde en gardant ses distances, curieux et craintif, mais qui sait aussi jouer les effrontés au moment opportun.

Au niveau construction j’ai utilisé un jeu de cercles équidistants, en jonglant avec les points de jonctions pour ajuster les tracés.
L’oeil est calé verticalement avec un rapport basé sur le nombre d’or. Une vision harmonieuse c’est quand même mieux !

Globalement le rendu est plutôt mignon à mes yeux, tout en véhiculant des notions de droiture, justesse et précision. Les couleurs sont là pour réchauffer et humaniser le tout.

Iconographie

Eléments utiles pour illustrer les contenus ou servir de repérage visuel. Ils sont créés à partir des éléments de base du système graphique.

Cette partie est évolutive.
Pour l’instant j’ai créé des pictogrammes pour illustrer les quatres principales notions décrites dans la partie “A propos” : passion, créativité, méthodologie, inspiration.

Loiseau créatif - Passion

Passion

La notion que j’ai liée à la passion est la force centrifuge qui concentre un flot d’éléments.
C’est riche et bouillonnant.

Loiseau créatif - Créativité

Créativité

L’idée est d’imager la naissance d’idées, la création, en représentant une jeune branche d’arbre bourgeonnante qui grimpe absorber la lumière.
Le bleu inférieur est l’eau puisée par les racines.
Le rapport à la nature est fortement lié à l’inspiration.

Loiseau créatif - Méthodologie

Méthodologie

Ici les éléments sont ordonnés méthodiquement, par couleur et volume, à l’image d’une représentation de datas.

Loiseau créatif - Inspiration

Inspiration

La représentation mentale initiale est une route sans fin bordée d’arbres, avec un point de fuite latéral.
Idée liée au voyage, à la nature, un regard vers l’ailleurs et l’infini pour y puiser de nouvelles ressources.

RÉSULTAT

Happy !

 

Voilà un projet personnel qui marque une étape dans ma carrière de designer. Je pense que c’est un exercice à faire régulièrement. Rien de tel qu’un bon check-up introspectif doublé d’une mise à jour de portfolio pour affiner son style et son image, se remettre sur les rails, retrouver une ligne directrice.
L’aventure continue !

MADE
WITH