Embed Size (px)
Citation preview
Comment se débrouiller sans créa quand vous lancez votre startup
Hélène Le MouellicGraphic & UX Designer@[email protected]@helenelem#GraphicDesign #UX #SocialMedia
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
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
NE PAS OUBLIER
La communication est l’acte d’émission et de réception d’un message par le moyen d’un canal
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
Index
Marque
Messages
Logo
Supports
Outils
MARQUE320 C
SUPPORTS473 A
BASIQUES352 B
OUTILS528 C
LIENS UTILES111 C
IDEX
N 1 2 3
4 5
MARQUE
& COMMUNICATION1
● Une activité● Des valeurs● Un positionnement● Un territoire● Des cibles : un public
Des valeurs Un positionnement
Un territoireDes cibles : un public
.LA MARQUE SE. .DÉFINIT PAR.
Une activité
ÇA, C’EST VOTRE MARQUE
ET ELLE DOIT.
SE MATÉRIALISER ET FORMER
UNE IDENTITÉ VISUELLE
Logo & signature
● 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.
● 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.
.LE LOGO ET LA SIGNATURE
FORMENT LA BASE VISUELLE
DE LA MARQUE,
VIENNENT ENSUITE LES
SUPPORTS DE COMMUNICATION
Retranscrire un message
● 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.
● L’outil ou le support : c’est le véhicule du message, le moyen par lequel il peut être transporté del’é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.
● Le récepteur : c’est la personne, l’organisation oul’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.
SUPPORTS2
FAIRE DES CHOIX
● 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.
Réseaux Sociaux
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 !
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.
Réseaux sociaux
Exemples sur Facebook :
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.
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.
Réseaux sociaux
Exemples sur Twitter & Linkedin :
Newsletter
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
Structure :
● Header incluant le logo● Accroche● Paragraphe(s)● Visuel(s)● Footer (contact - réseaux sociaux)
.NEWSLETTER
Newsletter
Exemples :
Infographie
Champ d’actions :
● Raconter la marque● Annoncer des chiffres ● Optimiser sa communication en RP● Permet de viraliser rapidement et efficacement
une information
.INFOGRAPHIE
Structure :
● Plusieurs niveaux d’informations● Support très visuel / créatif ● Format variable et adaptable
.INFOGRAPHIE
Infographie
Exemples :
Flyer / dépliant
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
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
Flyer / dépliant
Exemples :
Affiche
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
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
Affiche
Exemples :
BasiquesDe la création graphique
3
● 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.
● 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.
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.
Unités de mesure d’un support
● Pixels (px)● Centimètres (cm)● Millimètres (mm)
Couleurs :
● Web ● CMJN - impression ● RVB : Web
.FORMATS.
Typographies
○ Points (pt) ○ Pixels (px)
Utilisation texte courant :
○ 12-13 px minimum ○ 9 pt
Ne jamais utiliser une typographie en dessous de 5 pt ou moins de 10 px
.FORMATS.
Blancs et zones de repos
○ Le blanc tournant○ Les espacements○ Les zones de repos ○ L’interlignage ○ Les marges
.ESPACE.
Espace
○ Modulable○ Harmonieux○ Rythmé
ESPACE.
Retouches visuels
○ Transparence / opacité○ Constraste / contrast○ Luminosité / brightness ○ Saturation ○ Teinte / Tint ○ Flou / blur
.FORMAT.
TOUT EST UNE QUESTION
DE DOSAGE ET DE CREATIVITE !
ET AUSSI UN PEU
D’ADAPTATION ...
Outils & utilisations 4
Les petits outils & sites qui vous
changeront la vie
○ Pour récupérer une couleur
○ Pour associer les couleurs
.TRAVAILLER. .LES COULEURS.
○ Pour télécharger des typographies
○ Pour associer les typographies
.TRAVAILLER.LES TYPOGRAPHIES.
○ Pour télécharger pictos & icones
○ Pour télécharger des vecteurs
.PICTOS, ICONES & VECTEURS.
VISUELS.
○ Banques d’images gratuites
○ Banque d’images payantes
.RESSOURCES.. ..GLOBALES..
Vos outilsde travail
Création de Newsletters
/ Mailchimp
Verbatims & citations
/ Spoken.ly
Liens utiles5
.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/
MERCI !
