Chapitre 5
guide pour startups
guide pour startups
Avant-propos
Avant-propos
Avant-propos

Les principes graphiques

Faire du design graphique quand on n’a aucun skills

À côté des finances, ç’a l’air le fun, plus concret. À votre place on calmerait nos ardeurs.

Vous n’avez pas de formation en design.

Normal, votre force est ailleurs.

Vous n’avez déjà pas beaucoup d’argent et la solution ce n’est probablement pas d’embaucher quelqu’un.

On sait.

La priorité, ça reste d’investir votre cash dans votre produit, ou votre service.

On est 100 % d’accord.

Quoi faire alors ?

C’est là qu’on peut vous aider.

Petit disclaimer ici, parce la vérité c’est que même si vous respectez tous nos conseils, ça se peut que ce soit laid. Soyez patients. Plus vous allez vous pratiquer et y passer du temps, plus ce sera facile et bien fait.

Notre premier conseil : ne soyez pas pressés d’établir votre notoriété à travers votre brand.

S’il y a plus ou moins de recettes, il existe plusieurs façons d’éviter de faire de faux pas. En suivant nos conseils, vous vous assurez au moins de ne pas passer à côté.

Voici donc quelques trucs à ne surtout pas négliger si vous voulez avoir un rendu visuel réussi, tout en fournissant un minimum de temps et d’efforts.

temps-minimum

Les éléments graphiques que vous allez choisir jour 1 de votre business vont anyway changer au fur et à mesure que votre business grandira et s’adaptera.

On vous l’a déjà dit dans le chapitre sur la validation, vous allez devoir itérer, modifier, itérer, et modifier encore. Même chose pour le look de votre marque. Raison de plus pour ne pas passer trop de temps là-dessus. Vu que de toute façon, dans un an, ça ne lookera pas pareil.

Bien entendu, si dans votre industrie le « paraître » est important, on ne vous conseillera probablement pas de vous en foutre. Ça ne prend pas la tête à Papineau pour se douter qu’entre une entreprise de produits de beauté et un Saas il y a une énorme différence quant à l’importance accordée au design et au branding.

Ça varie selon ce que vous faites, ceux que vous visez et le marché dans lequel vous évoluez.

faire-le-vide

Less is more

Ça s’applique à tout. Absolument. Tout.

Un petit conseil : moins vous essayerez, plus les chances que ça tienne la route sont grandes.

Pourquoi ça ?

Parce que moins vous en faites, plus vous aurez le contrôle, et moins les risques de faire des erreurs sont importants.

L’objectif n’est pas de remplir tout l’espace.

Prenez votre appartement par exemple. Est-ce que chaque recoin est occupé ? Est-ce que vos murs sont complètement couverts ?

C’est exactement ce qu’on pensait.

Faites la même chose, mais avec vos documents, vos illustrations, vos posts sur les médias sociaux.

Gardez. du. vide.

Un exemple ?

espace

N’en ayez surtout pas peur. C’est même votre alliée.

Le blanc remplit une fonction importante : il laisse plus de place pour ce qui est vraiment important.

Si vous n’êtes pas 100 % certain qu’un de vos éléments graphiques est nécessaire, laissez-faire.

Une icône, une ligne de séparation qui au fond ne sépare pas grand-chose, un sous-titre insignifiant, name it.

Dites-vous que ce qui n’apporte pas d’information qui supporte votre message ne sert à rien.

Nos trucs ? Pensez à :

{{h3-1}}

S’il y en a plusieurs, choisissez-en un.

Gardez ça simple.

Ne montrez que ce qui est essentiel.

C’est vraiment important de ne pas submerger votre interlocuteur d’informations.

Autrement dit, assurez-vous de donner suffisamment d’information pour que votre audience comprenne votre produit. Mais pas trop non plus, pour ne pas les mêler et réduire leur compréhension au final.

alignement

{{h3-2}}

Pensez à la disposition.

S’il y a bien un élément qui crée de l’harmonie dans un set up visuel, c’est ça.

Non, ce n’est pas comme quand vous faites une pizza maison. Que vous garrochez juste tous les ingrédients sur votre pâte en vous disant que de toute façon ça va goûter la même chose !

Ça ne peut pas être fait de manière aléatoire.

Les éléments doivent être organisés pour intéragir entre eux et créer un sens.

Ce qui est le plus important, ce que vous voulez que votre audience voie en premier, mettez-le en plus gros par rapport au reste.

On s’entend, toutes proportions gardées.

Et plutôt en haut ou au centre de votre page/feuille/carte d’affaires/flyers/etc.

Ça paraît logique, mais plus c’est pertinent, plus ça doit être visible et évident.

Un conseil : si vous n’êtes pas certain, montrez le résultat de votre travail à quelqu’un qui n’a pas participé à l’élaboration de votre contenu visuel. Si cette personne comprend exactement le message que vous voulez envoyer, good job, diffusez ça tel quel.

Si ce n’est pas le cas ? Recommencez.

alignement

{{h3-3}}

Quand il est question du texte, ça facilite vraiment la lecture si c’est bien fait. Essayez d’avoir en tête l’œil qui se déplace. Par exemple :

→ pour du texte long : c’est plus facile à décoder pour le cerveau quand c’est aligné à gauche ;

→ pour peu de texte sur des affiches, invitation : souvent, c’est plus harmonieux quand c’est centré ;

→ pour des petits bouts de texte sur une publication pour les médias sociaux : faites comme vous le sentez.

information-decomposee

{{h3-4}}

Ça peut, par exemple, être de décomposer un post sur les médias sociaux.

À la place de faire une image, vous en faites trois : 1) avec une photo qui met en scène des personnes, 2) avec une statistique, et 3) avec les explications de la statistique.

Si c’est pour un événement, ça peut être une affiche avec le sujet, la date, le lieu et l’heure, le logo de votre business et le lien pour votre site web. C’est déjà bien assez. Pas besoin de plus.

Un dernier petit exemple : si c’est pour un flyer, on vous conseille une information par page.

{{h3-5}}

La symétrie, c’est le fait de répartir vos éléments visuels — que ce soit votre logo, votre slogan, vos photos ou images — de manière équilibrée.

Dans un monde idéal, essayez plutôt d’aligner vos éléments visuels.

C’est un choix moins risqué vu que vous n’êtes pas experts.

L’asymétrie peut facilement donner l’impression que c’est déséquilibré, chaotique, et que les éléments visuels ont été déposés là un peu par hasard. Mais si c’est bien fait, c’est une technique super intéressante pour attirer l’attention, et mettre l’accent sur les éléments les plus importants de votre message.

coherence

La cohérence

C’est la somme de tous les éléments qui créent l’harmonie et la logique de votre production visuelle.

C’est aussi ce qui permet à vos utilisateurs et vos consommateurs de vous reconnaître. D’un média social à l’autre. De votre flyers à votre site internet.

Bref, pensez : permanence. stabilité. régularité.

Ceux et celles à qui vous vous adressez doivent reconnaître que le message vient de vous.

Prises individuellement, vos publications doivent faire en sorte que c’est votre marque qui est évoquée dans leur esprit.

Peu importe par quel médium vous décidez de communiquer, ça évite de confondre votre audience.

La clé : Répéter. Répéter. Répéter.

Si vous avez un bon modèle, usez-le jusqu'à la corde.

Par contre, évitez de donner l’impression que vous reprenez tout le temps les mêmes patterns. On sait, vous n’avez pas les moyens de faire des designs à l’infini. Optez quand même pour des petites variations. Ça peut être en masse et surtout ça ne prend pas beaucoup de temps. La ratio efforts vs résultats est vraiment intéressant.

Pour nous, les deux éléments qui permettent le plus facilement d’être cohérent, ce sont les couleurs et les typos.

couleurs

{{h3-6}}

{{resources-1}}

Pour le reste de vos designs : vous pouvez ajouter une couleur de plus pour faire funky, mais attention pour ne pas que ça ait l’air d’un arc-en-ciel.

Conseil de nos designers : slackez un peu.

Ça peut être des couleurs complémentaires ou des déclinaisons de la même couleur.

choix-couleurs

Encore une fois, faites des tests. C’est possible qu’une de vos couleurs ne fonctionne que pour vos polices. Qu’une fois appliquée aux filtres ça détonne pas mal. Vos deux couleurs « supplémentaires » peuvent servir une fois de temps à autre, ou pour des éléments visuels bien précis. Et, c’est correct de même.

  • Utilisez des couleurs qui facilitent la lecture


Du vert sur du rouge, on va se le dire, ce n’est pas super efficace. Du blanc sur du beige non plus. C’est même complètement illisible. Du noir et du vert forêt, ç’a l’air pareil.

  • Pensez au contraste

On veut des couleurs qui captent l’attention, mais pas non plus désagréables pour l’œil.

  • Faites des recherches


Pour voir ce que la concurrence utilise comme couleur, ce que les entreprises de votre secteur ont fait avant vous. La couleur peut vous permettre de vous démarquer et vous distancer des autres marques similaires.

competition-difference
  • Composez un guide de style

Vous sentez que vous tenez quelque chose sur le sens du monde ?

Pour une entreprise en plein lancement, l’objectif est de se rappeler simplement du nom de vos typos, du numéro des couleurs que vous utilisez en RGB et CMYK, et d’avoir toujours à disposition vos logos, en couleurs et noir/blanc.

Si ça vous semble utile, prenez une petite heure de votre temps pour faire ça. Vous pourrez toujours vous y référer pour vos posts, vos infolettres et autres.

Et le jour où vous commencerez à être plusieurs à constituer du matériel graphique, au moins vous serez cohérents.

Vous avez choisi votre palette ?

Stick with it.

choix-de-typo

{{h3-7}}

En gros, la police que vous allez choisir est un élément simple qui peut faire une vraie différence dans votre branding. Que ce soit pour un document de présentation, un post, une publicité Facebook, une affiche sur un babillard ou un flyer.

Voici les principes de base qu’on trouve primordiaux pour bien sélectionner vos typos.

Si ça vous intéresse, plusieurs ressources abordent la typographie sous tous ses angles.

{{resources-2}}

variations-fonts

En fonction de l’importance et de la pertinence de ce que vous voulez transmettre, faire varier la grosseur de votre police permet de hiérarchiser le contenu présent dans votre publication, de mettre l’accent sur des éléments précis.

Le secret, c’est de choisir quelque chose de simple, et qui fit avec votre industrie. Parce que, oui, cet élément-là permet de construire l’identité de votre entreprise.

Finalement, on vous conseille de commencer par des typos gratuites. Un package de typo payantes, ça peut monter très vite. C’est donc à éviter.

Si vous optez pour un site construit à partir d’un fournisseur de site comme wordpress sachez qu’il y n’y a pas beaucoup de choix de typo. Ça peut être frustrant quand on a une vision précise de son site, mais faut s’y faire. Et au moins ça vous évite de prendre trop de risques.

Couleurs, filtres, tons, typographies, illustrations, photographies, textures, etc. Ça peut paraître facile, mais c’est vraiment ce qui vous aide à créer votre identité et vous distancer de vos concurrents.

Qu’on se comprenne bien, au début, c’est normal que vous fassiez des tests et que ça change régulièrement.

{{ligne}}

Vous avez compris comment faire votre branding et quels éléments de design importent un minimum dans ce cas-là ?

Tant mieux, parce que c’est le temps de passer à l’action. Notre prochain article vous offre un gabarit de départ. Notre but : vous outiller pour que vous en fassiez le plus possible seuls.

Les couleurs que vous allez choisir pour votre marque permettent rapidement de l’identifier, mais pas seulement. Selon différents travaux de recherches, la couleur peut aussi influencer le rapport du consommateur à votre marque.

Selon les théories des couleurs, si vous préférez appliquer le rouge, au bleu ou au jaune, vous pouvez envoyer un signal émotionnel particulier à votre clientèle cible. Mine de rien, culturellement, on attribue des significations variées aux couleurs.

Par exemple, le rouge est associé à la signalisation de l’arrêt ; le vert au développement durable, le bleu à la pureté, etc.

Entre nous on peut se le dire, le choix des couleurs, c’est quand même très subjectif. Les interprétations peuvent changer au fil du temps et des différents contextes.

La psychologie des couleurs, selon nous, c’est quand même à prendre avec un grain de sel, même si des recherches menées par l’Institute for Color Reasearch et l’Université de Winnipeg ont montré qu’un maximum de 90 secondes est nécessaire aux consommateurs pour se faire une opinion sur un produit — valeur, fiabilité, pertinence — et que la couleur influence les consommateurs jusqu’à 90 % du temps.

Aucune pression ici !

Pour vous aider à faire votre choix, on vous donne quelques trucs :

Choisissez tout au plus quatre couleurs

Pour votre logo : deux couleurs principales et une couleur occasionnelle feront l’affaire.

On vous en a listé quelques-unes ici. 👉

Comme pour les couleurs, les polices de caractère sont à utiliser avec retenue.

  • Sélectionnez-en une pour commencer.

Mis à part pour votre logo, selon nos designers, une police c’est suffisant. Vous pouvez en sélectionner une deuxième pour ajouter une touche de créativité, mais trois, c’est trop.

Plusieurs ressources en ligne, gratuites ou vraiment pas chères, permettent d’explorer pas mal de ce côté — on vous en parle en profondeur dans notre prochain article.

On est d’accord, il y a vraiment beaucoup d’options et c’est l’fun de varier, mais là, on insiste. Choisissez une typo pour vos textes, et une pour vos titres.

Fonts are like friends. It's nice to have a bunch, but you only spend time with a few. - Chris Do

Avant de choisir définitivement vos typos, essayez de voir comment les lettres, les accents, les symboles et les chiffres apparaissent. Par exemple, ça peut être le « il1 » :

IL1-test
  • Optez pour les variations des mêmes fonts


Jouer sur la taille ou utiliser les graisses (light, regular, medium, bold, etc.) d’une typo est une bonne façon d’être certain de ne pas faire d’associations discordantes, de briser le rythme de lecture de votre document ou encore de rater le look de votre post.

No items found.
No items found.
No items found.
No items found.
1

Trouver quel est l’élément principal que vous souhaitez dire

2

Hiérarchiser vos éléments visuels

3

Aligner les textes

4

Mettre le moins de texte possible sur vos images

5

Jouer avec la symétrie et l’asymétrie

6

Les couleurs

7

Les typos

8

9

10

Écrit en
collaboration avec
No items found.
0.

Préface

0.1

Avant-propos

0.2

La face cachée du guide

0.3

S'adresser aux fondateurs d'entreprises

0.4

Contribuer au guide

1.

L'idéation

1.1

La génération d'idées

1.2

Les cofondateurs

1.3

Le lean canvas

2.

La validation

2.1

La recherche de marché

2.2

Les modèles d'affaires

2.3

Les préventes

2.4

MVP & feedback

2.5

Le pivot

3.

Les saines habitudes

3.1

La santé mentale

3.2

L'hygiène de vie

3.3

Les communications sociales

4.

Le financement

4.1

La gestion des finances

4.2

Le bootstrapping

4.3

Les investisseurs

4.4

Le financement participatif

4.5

Le financement traditionnel

5.

Le design & branding

5.1

L'image de marque

5.2

Les principes graphiques

5.3

L'exécution du design

5.4

Les designers professionnels

6.

Le marketing

6.1

Les concepts de base

6.2

Le marketing organique

6.3

Le marketing payant

6.4

Le suivi des performances

7.

Le prix

7.1

La sélection du prix

7.2

La validation du prix

8.

Les technologies

8.1

Les options web

8.2

Le no code

9.

Le recrutement

9.1

Le moment d'embaucher

9.2

Le profil des candidats

9.3

Le processus d'embauche

9.4

La rétention des talents

9.5

Le congédiement

9.6
10.

Conclusion