La création d'une image de marque

1,307
-1

Published on

Cours donné à l'Université Laval de Québec

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,307
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
106
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

La création d'une image de marque

  1. 1. LA CRÉATIOND’UNE IMAGE DE MARQUELes principales étapesWEBINTERACTIF+STRATÉGIE
  2. 2. UNE IMAGE DE MARQUEDE KESSÉ ? 
  3. 3. QU’EST-CE QU’UNE IMAGE DE MARQUE ? 1 Représentation que se donne une entreprise vis-à-vis du public, de ses produits, services et de ses marques commerciales. 2 D ésigne un ensemble de représentations “mentales” personnelles, subjectives, stables, sélectives et simplificatrices, relatives à un signe distinctif, un mot ou un groupe de mots. 4WEBINTERACTIF+STRATÉGIE
  4. 4. L’IMAGE DE MARQUE EST DONC ... Un mot ou un groupe de mot Un symbole et /ou une signature Un concept, une idée, une représentation n environnement visuel (couleurs, textures, photos) U Des choix typographiques Un slogan et/ou un “tag line” 5WEBINTERACTIF+STRATÉGIE
  5. 5. UN MOT UN GROUPE DE MOT 6WEBINTERACTIF+STRATÉGIE
  6. 6. UN SYMBOLE 7WEBINTERACTIF+STRATÉGIE
  7. 7. UNE SIGNATURE Absence d’élément visuel symbolique détaché 8WEBINTERACTIF+STRATÉGIE
  8. 8. UN CONCEPT / UNE IDÉE 9WEBINTERACTIF+STRATÉGIE
  9. 9. CONCEPT / IDÉE /REPRÉSENTATION 10WEBINTERACTIF+STRATÉGIE
  10. 10. UN ENVIRONNEMENT VISUEL 11WEBINTERACTIF+STRATÉGIE
  11. 11. 12WEBINTERACTIF+STRATÉGIE
  12. 12. DES CHOIX TYPOGRAPHIQUES 13WEBINTERACTIF+STRATÉGIE
  13. 13. UN SLOGAN Émotion UN TAG LINE Fonction 14WEBINTERACTIF+STRATÉGIE
  14. 14. POUR QUI PRODUISONS-NOUS DES IMAGES DE MARQUES ? 15WEBINTERACTIF+STRATÉGIE
  15. 15. UNE COMPAGNIE UN PRODUIT UNE CAUSE UN ÉVÉNEMENT 16WEBINTERACTIF+STRATÉGIE
  16. 16. UNE ORGANISATION UNE VILLE UNE PERSONNE UN CONCEPT (IDÉE) 17WEBINTERACTIF+STRATÉGIE
  17. 17. LE POUVOIR DE LA MARQUE 18WEBINTERACTIF+STRATÉGIE
  18. 18. 20WEBINTERACTIF+STRATÉGIE
  19. 19. 21WEBINTERACTIF+STRATÉGIE
  20. 20. 22
  21. 21. LA CRÉATION DE LA MARQUE 23WEBINTERACTIF+STRATÉGIE
  22. 22. PRINCIPALES ÉTAPES 1. Analyse / recherche sur le sujet 2. Environnement concurrentiel et positionnement 3. Recherche visuelle / recherche des “déjà vu” 3. Maquettes (brainstorming) 4. résentation des maquettes / argumentaire de création P 5. orme finale F 6. Cahier de création 7. Cahier de normes graphiques 24WEBINTERACTIF+STRATÉGIE
  23. 23. DES MILLIONS DE MAQUETTES 25WEBINTERACTIF+STRATÉGIE
  24. 24. clinique familiale privée médicina clinique familiale privée médicina clinique familiale privée LA CLINIQUE MÉDICALELE PRIVÉE C L I N c lQnUqE eF f a M iIlLaI lA L Ei vP e I V É E I i i u A m i e pr éR PRIVÉE DE QUÉBEC LA CLINIQUE MÉDICAL PRIVÉE DE QUÉBEC CLINIQUE MÉDICAL PRIVÉ VÉE MILIALE PRI C L I N I Q U E FA clinique familiale privée medicina M ÉD I C L I N I Q U E M É D I CA L P R I V É E Q U E M É D I CA LDE QUÉBEC C I NA le privée médicina CLINIQUE F C L I N I Q U E medicina M É D I C A L E P R I V É E clinique familiale privée C L I N I Q U E M É D I CA L P R I V É E CLINIQUE FAMILIALE PRIVÉE 26 WEBINTERACTIF+STRATÉGIE
  25. 25. clinique familiale privée médicina clinique familiale privée medicina médicina mue familiale privée médicina médicina clinique familiale privée clinique familiale privée clinique familiale privée clinique familiale privée médicina clinique familiale privée C L I N I Q U E FA M I L I A L E P R I V É m médicina clinique familiale privée clinique familiale privée MEDICINA - C L I N I Q U E FA M I L I A L E P R I V É E - clinique familiale privée medicinaclinique familiale privée clinique familiale privée MEDICINA - C L I N I Q U E FA M I L I A L E P R I V É E - mé cliniqu clinique familiale privée c l i n i q l i e ifq u ei lf a lm ipirav e ep r i v é e c u n am ia e l i l é LA CLINIQUE MÉDICAL mé PRIVÉE DE QUÉBEC 27n i q u cli WEBINTERACTIF+STRATÉGIE
  26. 26. 28WEBINTERACTIF+STRATÉGIE
  27. 27. FAIRE VIVRE L’IMAGE AU DELÀ DU LOGO 29WEBINTERACTIF+STRATÉGIE
  28. 28. LE CAHIER DE CRÉATION Le cahier de création a pour objectif de faire vivre la marque dans son contexte d’utilisation réel et sur différents supports. Il illustre l’aboutissement du travail de création. 30WEBINTERACTIF+STRATÉGIE
  29. 29. Normes graphiques 31WEBINTERACTIF+STRATÉGIE
  30. 30. Normes graphiques Normes graphiques 32WEBINTERACTIF+STRATÉGIE
  31. 31. 33WEBINTERACTIF+STRATÉGIE
  32. 32. 34WEBINTERACTIF+STRATÉGIE
  33. 33. vivez Exercez vos talents au Canada, votre rêve professionnel à Québec ! viva Exerça seus talentos no Canadá, o seu sonho profissional na cidade de Quebec! Contratamos profissionais, que dominam a língua francesa (nível intermediário exigido), interessados em viver a experiência de trabalhar no exterior. son avenir dans une ville à taille humaine Gardez Québec en tête © Jean Pierre Huard, Sépaq / André Chamorel / Camirand Photo Venha encontrar empresas da Informações gerais sobre QI_signet_f.indd 1 12-05-22 3:24 PM região metropolitana de Quebec a região metropolitana à procura de talentos! de Quebec. Onde? São Paulo e Recife Conhecida pelo charme de seu estilo europeu em plena América do Norte, a Entrevistas região metropolitana de Quebec vem tendo, Quando? Agosto de 2012 serão feitas há vários anos, um crescimento econômico em francês. excepcional, proporcionando a todos uma incomparável qualidade de vida. Saiba mais: quebecnacabeca.com QI-Affiche_Bresil_f.indd 1 12-06-28 1:42 PM 35WEBINTERACTIF+STRATÉGIE
  34. 34. RESPECTER LES NORMES DE L’IMAGE DE MARQUE 36WEBINTERACTIF+STRATÉGIE
  35. 35. LE CAHIER DE NORMES GRAPHIQUES Le cahier de normes graphiques regroupe l’ensemble des informations techniques sur l’image de marque. Les couleurs Les typographies Les marges de sécurité Les règles d’utilisation des différentes formes La taille minimale d’utilisation Etc. 37WEBINTERACTIF+STRATÉGIE
  36. 36. Normes graphiques 38WEBINTERACTIF+STRATÉGIE
  37. 37. Coloration DEUX COULEURS du logo Norm graph La version originale deux couleurs est à privilégier dans plusieurs cas. 5 Autrement vous pouvez utiliser les différentes alternatives présentées UNE COULEUR ci-contre. Vous trouverez à la page 7 une référence quant à l’utilisation adéquate de la coloration du logo. UNE COULEUR EN RENVERSÉ DEUX COULEURS EN RENVERSÉ 39WEBINTERACTIF+STRATÉGIE
  38. 38. Espace de dégagement Toujours dans le but de préserver sa lisibilité, une zone de Nor grap sécurité protège le logo. Rien ne doit apparaître dans cette zone. La mesure de caractère « E » présentée ci-contre détermine l’espace de dégagement à préserver. Cette règle 6 s’applique pour tous les logos. Taille minimale 0,75 po / 19 mm 0,67 po / 17 mm 1,41 po / 35,5 mm 1,25 po / 31,5 mm De manière à maximiser et à assurer sa lisibilité, le logo ne doit pas être reproduit dans un format inférieur aux exemples illustrés ci-contre. 40WEBINTERACTIF+STRATÉGIE
  39. 39. 41WEBINTERACTIF+STRATÉGIE
  40. 40. Couleurs N g CMJN 100 | 56 | 0 | 23 CMJN 80 | 33 | 3 | 0 7 PANTONE ® 647 C | 301 U PANTONE ® 299 C | 299 U RVB 38 | 93 | 148 RVB 82 | 139 | 196 HEX 265D94 HEX 528BC4 42WEBINTERACTIF+STRATÉGIE
  41. 41. Exemples d’utilisation du logo Norm UTILISATIONS INADÉQUATES UTILISATIONS ADÉQUATES graph 8 x x x x 43WEBINTERACTIF+STRATÉGIE
  42. 42. Typographie GOTHAM LIGHT ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^*() GOTHAM BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^*() Les différents types de communication Gotham est la police de caractères utilisée jouent un rôle important dans la trans- dans toutes les pièces corporatives. mission des messages. La typographie en est un élément-clé. Elle rend toute Pour des productions internes ou électro- communication plus attrayante et le texte niques, vous pouvez utiliser la police de plus invitant à lire. De plus, elle permet caractères Arial ou Helvetica. une homogénéité essentielle quant au rendu des communications. 44WEBINTERACTIF+STRATÉGIE
  43. 43.   C’EST BEAU OU C’EST LAID ? 45WEBINTERACTIF+STRATÉGIE
  44. 44. RECONNAÎTRE UN TRAVAIL RÉUSSI Illustre un concept pertinent Est facilement reconnaissable Reste simple ( Less is more ) Est facilement lisible (même petit) S’utilise facilement sur différents supports Indémodable 46WEBINTERACTIF+STRATÉGIE
  45. 45. 47WEBINTERACTIF+STRATÉGIE
  46. 46. 48WEBINTERACTIF+STRATÉGIE
  47. 47. 49WEBINTERACTIF+STRATÉGIE
  48. 48. 50WEBINTERACTIF+STRATÉGIE
  49. 49. COMBIEN ÇA COÛTE ? 51WEBINTERACTIF+STRATÉGIE
  50. 50. 1 000 000 $ 2008 1 800 000 $ 1997 211 000 000 $ 2008 0 $ 1998 35 $  600 000 $ 1998 52WEBINTERACTIF+STRATÉGIE
  51. 51. EN RÉALITÉ AU QUÉBEC Logo seul 1 $ à 5000 $ +++ Image de marque complète 5 000 $ à 20 000 $ +++ 53WEBINTERACTIF+STRATÉGIE
  52. 52. ÉTUDE DE CAS 54WEBINTERACTIF+STRATÉGIE
  53. 53. 55WEBINTERACTIF+STRATÉGIE
  54. 54. 56WEBINTERACTIF+STRATÉGIE
  55. 55. Au Fonds, c’est vrai! 57WEBINTERACTIF+STRATÉGIE
  56. 56. !d viverra odio, nec malesuada ante interdum ac. Curabiturmalesuada ante interdum ac. Curabitur non diam vitae velitnubia liquam gravida ali dolor. fonds- emprunt. qc.ca 58 WEBINTERACTIF+STRATÉGIE
  57. 57. 59WEBINTERACTIF+STRATÉGIE
  58. 58. ARGUMENTAIRE DE CRÉATION Lettrine carrée et grasse pour une entreprise forte Le F représente le Fonds, forme aussi le E d’Emprunt Le logo pourra vivre seul un jour Typographie sobre et lisible Couleurs corporatives, forte et vive Simple, va passer à travers le temps Dégage le coté professionnel du Fonds 60WEBINTERACTIF+STRATÉGIE
  59. 59. 29 novembre 2009 Nam eget nisi orci, eu faucibus quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent interdum molestie volutpat. Vivamus semper orci ligula. Ut urna risus, iaculis in hendrerit sit amet, commodo quis tortor. In hac habitasse platea dictumst. Maecenas sed venenatis ante. Quisque porta ornare aliquet. Nam eget nisi orci, eu faucibus quam. Integer viverra tempus elemen- tum. Mauris id tortor vel turpis scelerisque pellentesque. Curabitur nec libero et urna imperdiet porta at sed ligula. Praesent sed magna vel enim dictum ullamcorper. Suspendisse dictum fringilla ligula eget facilisis. Integer sagittis augue at leo viverra at semper tellus pulvinar. Mauris vel arcu cursus magna commodo imperdiet quis et eros. Cras convallis fringilla tempus. Donec felis enim, congue eget aliquet porttitor, dignissim interdum nisi. Nulla ipsum neque, volutpat ut vestibulum a, tincidunt quis nisi. Donec vehicula semper ullamcorper. Donec ante mauris, tincidunt quis eleifend sed, gravida vitae orci. Morbi condimentum sagittis nibh a pretium. Nullam eu massa sed diam scelerisque fermentum. Nunc id mauris nec eros pellentesque dapibus nec vitae erat. Donec a metus nisi, vel lacinia justo. Aenean eleifend lacus ac urna facilisis vitae elementum enim rhoncus. Suspendisse a faucibus quam. Aenean rhoncus blandit mi, et feugiat justo cursus ac. Duis feugiat, lacus eget euismod blandit, mauris magna tempus arcu, quis pulvinar ante urna vehicula orci. Proin vitae felis urna, at volutpat tellus. Quisque nisl sem, sagittis sed ornare ac, pharetra a magna. Mauris faucibus sem vel lacus mo- lestie commodo. Sed imperdiet risus velit. Vestibulum posuere, diam nec ornare pharetra, neque purus molestie turpis, 336, rue du Roi, bureau 130, Québec Québec G1K 2W5 quis facilisis nisi arcu quis odio. Aenean laoreet varius mi, sit amet adipiscing odio luctus non. Fusce enim nibh, sodales in tristique eu, tempor a tortor. Pellentesque non facilisis justo. Sed aliquam nunc ac lectus congue luctus. Sed turpis tellus, blandit ac faucibus in, euismod a risus. Nulla at purus sapien, quis pharetra augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam aliquam rutrum volutpat. Vestibulum porta purus eu felis porttitor convallis. Nulla ut dictum lectus. Ut in velit sapien. Nulla vehicula est quis nisl dignissim non bibendum diam vestibulum. Maecenas pellentesque purus eu velit vestibulum sit amet iaculis orci sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent interdum molestie volutpat. Vivamus semper orci ligula. Ut urna risus, iaculis in hendrerit sit amet, commodo quis tortor. In hac habitasse platea dictumst. Maecenas Linda Maziade sed venenatis ante. Quisque porta ornare aliquet. Nam eget nisi orci, eu faucibus quam. Directrice générale 130–336, rue du Roi, Québec QC G1K 2W5 fonds- T 418 525 0139 F 418 525 6960 emprunt. lmaziade@fonds-emprunt.qc.ca qc.ca 130–336, rue du Roi, Québec QC G1K 2W5 fonds- T 418 525 0139 F 418 525 6960 emprunt. info@fonds-emprunt.qc.ca qc.ca 61WEBINTERACTIF+STRATÉGIE
  60. 60. 62WEBINTERACTIF+STRATÉGIE
  61. 61. 63WEBINTERACTIF+STRATÉGIE
  62. 62. 64WEBINTERACTIF+STRATÉGIE
  63. 63. 65WEBINTERACTIF+STRATÉGIE
  64. 64. 66WEBINTERACTIF+STRATÉGIE
  65. 65. L’ÉVOLUTION DE LA MARQUE 67WEBINTERACTIF+STRATÉGIE
  66. 66. 68WEBINTERACTIF+STRATÉGIE
  67. 67. 69WEBINTERACTIF+STRATÉGIE
  68. 68. 70WEBINTERACTIF+STRATÉGIE
  69. 69. 71WEBINTERACTIF+STRATÉGIE
  70. 70. 72WEBINTERACTIF+STRATÉGIE
  71. 71. 73WEBINTERACTIF+STRATÉGIE
  72. 72. 74WEBINTERACTIF+STRATÉGIE
  73. 73. COMMENT TRAVAILER AVEC UNE AGENCE ? 75WEBINTERACTIF+STRATÉGIE
  74. 74. « LE CLIENT À TOUJOURS RAISON » (à chacun son domaine d’expertise) 76WEBINTERACTIF+STRATÉGIE
  75. 75. CE QUE L’ON ATTEND DE VOUS... UNE ANALYSE PRÉLIMINAIRE PERTINENTE Le contexte / les utilisations prévues L’environnement concurrentiel Le public cible es objectifs de communication / L l’axe de communication / le positionnement a documentation pertinente sur le domaine d’activité L ’enveloppe budgétaire L Surtout ce que vous attendez de nous... 77WEBINTERACTIF+STRATÉGIE
  76. 76. WEBINTERACTIF+STRATÉGIE
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×