Présentation réalisée par Hélène Le Mouellic, Directeur Artistique et UX Designer chez We Link. Elle vous donne toutes les clés pour créer les bases de votre marque et les best practices pour réaliser vos supports de communication.

1. Comment se débrouiller
sans créa quand vous
lancez votre startup

2. Hélène Le Mouellic
Graphic & UX Designer
@welinkagency
helene@welink.agency
@helenelem
#GraphicDesign #UX #SocialMedia

3. WHO WE ARE
Nous concevons des stratégies de communication pour les startups
et, plus largement, les acteurs de l’innovation et de l’entrepreneuriat
We Love We Link Welcome in our community
Retrouvez nous sur Facebook, Twitter
@Welink_Agency et sur notre site

4. Il est souvent difficile pour une startup d’
allouer un budget à une agence de
communication pour créer
son identité visuelle
C’EST UN FAIT

5. NE PAS OUBLIER
La communication est l’acte d’émission et
de réception d’un message par le moyen
d’un canal

6. ET SAVOIR QUE
Une identité visuelle vise à reconnaître du
premier coup d’œil un projet, une marque
ou une entreprise, au travers de ses
supports de communication visuels

7. MARQUE
320 C
SUPPORTS
473 A
BASIQUES
352 B
OUTILS
528 C
LIENS UTILES
111 C
I
DE
X
N 1 2 3
4 5

8. MARQUE
& COMMUNICATION
1

9. Des valeurs Un positionnement
Un territoire
Des cibles :
un public
.LA MARQUE SE. .
DÉFINIT PAR.
Une activité

10. ÇA, C’EST VOTRE MARQUE
ET ELLE DOIT.
SE MATÉRIALISER ET FORMER
UNE IDENTITÉ VISUELLE

11. Logo
& signature

12. ● Il véhicule les valeurs de la marque
● Il est identifié et surtout identifiable
● Il doit être distinctif
● Il doit être simple et compréhensible
● Il est la représentation directe de la marque
● Il doit être apposé sur tous les supports de
communication.
.LE LOGO.

13. ● Elle est le premier message verbal de la marque
● Elle définit la marque
● Elle est rattachée au logo
● Elle est courte, distinctive et impactante
● Elle est durable.
.PAS DE LOGO. .
SANS SIGNATURE.

14. .LE LOGO ET LA SIGNATURE
FORMENT LA BASE VISUELLE
DE LA MARQUE,
VIENNENT ENSUITE LES
SUPPORTS DE COMMUNICATION

15. Retranscrire
un message

16. ● L’émetteur : c’est la personne ou l’entité qui est à
l’origine de la communication
● Le message : c’est le contenu, l’ensemble des
informations et idées transmises par l’émetteur en
direction du récepteur
● L’encodage : c’est le processus par lequel on
transforme les informations du message en
symboles, lettres, images, formes, sons, langages...
.SCHÉMA DE. .
COMMUNICATION.

17. ● L’outil ou le support : c’est le véhicule du message,
le moyen par lequel il peut être transporté de
l’émetteur au récepteur
● Le canal ou le média : c’est l’ensemble des routes
par lesquelles l’outil transite avec son message,
c’est la voie de circulation.
.SCHÉMA DE. .
COMMUNICATION.

18. ● Le récepteur : c’est la personne, l’organisation ou
l’ensemble des individus auxquels le message est
adressé.
● Le décodage : c’est le processus par lequel le
récepteur redonne une signification aux symboles,
lettres ou signaux transmis par l'émetteur.
.SCHÉMA DE. .
COMMUNICATION.

19. SUPPORTS2

20. FAIRE DES CHOIX

21. Print
● Plaquette commerciale
● Flyer / dépliant
● Lettre / courrier
● Affiche
Digital
● Réseaux sociaux
● Newsletter
● Infographie
● Habillage
● Site Internet
● Partenariat / RP
Médias
● Presse
● Télévision
● Radio
● Affichage
publicitaire
.ETAT.DES.
.LIEUX.

22. Réseaux
Sociaux

23. Champ d’actions :
● Profile picture
○ Représentation directe de la marque
○ Factuelle
● Cover
○ Représentation de l’univers de la marque
○ Simple et claire
● Animation des posts
○ Relais d’informations
○ Adaptée au message
○ Cohérence avec la marque
.INDISPENSABLES .
RESEAUX SOCIAUX.
L'ensemble
des tailles ici !

24. Facebook
Facebook est le réseau social qui génère le plus d’affinité
avec les cibles, le ton est généralement plus friendly que
sur les autres réseaux sociaux. La démarche créative doit
donc y être adaptée.
.INDISPENSABLES .
RÉSEAUX SOCIAUX.

25. Réseaux sociaux
Exemples sur Facebook :

26. Twitter
Twitter est un réseau social d’informations. Le traitement
graphique des éléments doit donc être orienté dans cette
démarche. Principalement sur les illustrations ou photos
liées aux tweets.
.INDISPENSABLES .
RÉSEAUX SOCIAUX.

27. Linkedin
Linkedin est le réseau social de network par excellence. La
communication sur le réseau social devra être uniquement
orientée dans une démarche professionnelle et les
supports devront être clairs, concis et factuels dans la
diffusion du message.
.INDISPENSABLES .
RÉSEAUX SOCIAUX.

28. Réseaux sociaux
Exemples sur Twitter & Linkedin :

29. Newsletter

30. Champ d’actions :
● Annoncer un événement
● Annoncer les temps forts de l’année
● Parler d’une évolution
● Faire bénéficier d’une offre
● Taux d’ouverture -> 2 à 3 %
.NEWSLETTER

31. Structure :
● Header incluant le logo
● Accroche
● Paragraphe(s)
● Visuel(s)
● Footer (contact - réseaux sociaux)
.NEWSLETTER

32. Newsletter
Exemples :

33. Infographie

34. Champ d’actions :
● Raconter la marque
● Annoncer des chiffres
● Optimiser sa communication en RP
● Permet de viraliser rapidement et efficacement
une information
.INFOGRAPHIE

35. Structure :
● Plusieurs niveaux d’informations
● Support très visuel / créatif
● Format variable et adaptable
.INFOGRAPHIE

36. Infographie
Exemples :

37. Flyer /
dépliant

38. Champ d’actions :
● Annoncer un événement
● Annoncer les temps forts de l’année
● Faire bénéficier d’une offre
● Permet de jouer sur les formes, sur la texture …
.FLYER / DÉPLIANT

39. Structure :
● Format simple R/V
● Format complexe : Types de plis
● Dimensions ( A5, 21*10cm … )
● Une information majeure / page
● Logo sur la couverture
● Logo en dernière de couverture
● Mentions légales
.FLYER / DEPLIANT

40. Flyer / dépliant
Exemples :

41. Affiche

42. Champ d’actions :
● Véhiculer l’identité de marque
● Annoncer un événement
● Annoncer les temps forts de l’année
● Faire bénéficier d’une offre
.AFFICHE

43. Structure :
● Formats variables (A4, A3, A2, A1 ou personnalisé)
● Une information majeure
● Permet de jouer sur les formes, sur la texture …
● Mentions légales
.AFFICHE

44. Affiche
Exemples :

45. Basiques
De la création graphique
3

46. ● Print :
○ Choix du format
○ Lecture en Z
○ Lisibilité
○ Qualité des illustrations / visuels
○ Eviter les images dont le poids est inférieur à 300 Ko
.BASES DE
TRAVAIL.

47. ● Digital :
○ Choix du format
○ Lecture en F
○ Lisibilité
○ Qualité des illustrations / visuels
○ Eviter les images dont le poids est
inférieur à 300 Ko
.BASES DE
TRAVAIL.

48. Formats à utiliser selon l’utilisation du support :
● Web : qualité d’image faible, 72 dpi
● Impression numérique : qualité d’image correcte,
150 dpi
● Impression Offset : haute qualité, 300 dpi
Le dpi est une l’unité de mesure, il définit la qualité visuelle du support. Il est
utilisé sur les logiciels de création professionnels (Photoshop, Illustrator,
InDesign...). Sur les outils présentés dans cet atelier, les formats sont déjà
adaptés. N’hésitez pas sur un support print à demander conseil à votre
imprimeur, il est aussi là pour vous guider.
.FORMATS.

49. Unités de mesure d’un support
● Pixels (px)
● Centimètres (cm)
● Millimètres (mm)
Couleurs :
● Web
● CMJN - impression
● RVB : Web
.FORMATS.

50. Typographies
○ Points (pt)
○ Pixels (px)
Utilisation texte courant :
○ 12-13 px minimum
○ 9 pt
Ne jamais utiliser unetypographie
en dessous de 5 ptou moins de 10 px
.FORMATS.

51. Blancs et zones de repos
○ Le blanc tournant
○ Les espacements
○ Les zones de repos
○ L’interlignage
○ Les marges
.ESPACE.

52. Espace
○ Modulable
○ Harmonieux
○ Rythmé
ESPACE.

53. Retouches visuels
○ Transparence / opacité
○ Constraste / contrast
○ Luminosité / brightness
○ Saturation
○ Teinte / Tint
○ Flou / blur
.FORMAT.

54. TOUT EST UNE QUESTION
DE DOSAGE ET DE CREATIVITE !
ET AUSSI UN PEU
D’ADAPTATION ...

55. Outils & utilisations4

56. Les petits outils
& sites qui vous
changeront
la vie

57. ○ Pour récupérer une couleur
○ Pour associer les couleurs
.TRAVAILLER. .
LES COULEURS.

58. ○ Pour télécharger des typographies
○ Pour associer les typographies
.TRAVAILLER.LES
TYPOGRAPHIES.

59. ○ Pour télécharger pictos & icones
○ Pour télécharger des vecteurs
.PICTOS, ICONES
& VECTEURS.

60. VISUELS.
○ Banques d’images gratuites
○ Banque d’images payantes

61. .RESSOURCES.. ..
GLOBALES..

62. Vos outils
de travail

63. Création de supports
/ Canva

64. Création de supports et retouches
/ PicMonkey

65. Création d’infographies
/ Piktochart

66. Création de Newsletters
/ Mailchimp

67. Verbatims & citations
/ Spoken.ly

68. Liens utiles5

69. .LIENS
.UTILES.
Recherche & ressources
○ http://www.my-marketing-manager.com/design/10-
outils-de-super-heros-pour-creer-des-visuels/
○ http://www.blogdumoderateur.com/guide-2015-
taille-images-reseaux-sociaux/
○ https://www.producthunt.com/tech/daily-ui
○ https://www.producthunt.com/tech/facebook-
design-resources-3
○ https://balapastudio.co/frontendlist/?
ref=producthunt
Pige créative et tendances actuelles
○ http://reallygoodemails.com/
○ https://www.behance.net/
○ https://fr.pinterest.com/

70. MERCI !