mark, Marque
& Marques
DevFest Nantes 2015
Manon Gruaz
Que faire?
Qu’est ce
qu’une Marque ?
la Marque
c’est ce que nous ressentons
à propos d’un produit,
un service ou une entreprise
Qu’est ce qu’une Marque ?
Comment créer
une Marque ?
Comment dénicher et
définir sa différence?
➔Quelle est ta raison d’être ?
Pourquoi tu fais ce que tu fais ?
➔Comment tu fais ce que tu fais?
➔En quoi es-tu bon ?
Com...
Une Marque,
c’est comme...
L’objectif
de toute Marque est ...
Exprimer
de façon claire et authentique,
sa personnalité unique
dans les moindres détails.
L’objectif de toute Marque :
Créer la marque
de la Marque
COHÉRENCE
la Marque
et interfaces
Et si votre site web
ou interface était une personne,
QUI SERAIT-ELLE?
et QUEL EST SON MESSAGE?
La Marque et interfaces
La Marque et sa personnalité peut s’exprimer à travers :
Créer un persona de design
affirmé et authentique,
voici les composantes :
La Marque et interfaces
La Marque et interfaces
➔ Aperçu :
Qu’est ce qui rend unique
votre marque
➔ Image de la personnalité :
Photo d’une personn...
➔ Voix-Ton :
Si votre marque pouvait parler?
Que dirait-elle et comment?
➔ Lexique visuel :
Aperçu des couleurs, typograph...
Persona de design
Persona de design - Arcbees
Nom de la Marque Arcbees
Aperçu
La Bee est le visage de la marque
d’Arcbees.
-
La Bee est un m...
Persona de design - Arcbees
Sa forme à la fois simple
et logique, traduit la quête
d’efficacité, d’optimisation
et d’archi...
Traits de la Marque
La Bee est comme toutes
les abeilles, elle travaille en équipe.
Les bees s’entraident
pour accomplir l...
La Bee est passionnée
par le code et ne peut
s’empêcher d’en parler.
-
La Bee est logique,
dévouée mais pas rasoir.
Person...
Elle aime la simplicité,
résoudre le complexe
et trouver des solutions
pour aider les développeurs.
-
La Bee a des différe...
Voix / Ton
La Bee aime s’amuser tout en restant
sérieuse... serait-elle un peu pince-
sans-rire?
Elle aime vraiment les je...
Lexique visuel
Message
BEE THE BEST
DEVENIR LE MEILLEUR
-
En tant que développeur,
nos produits vous aident en simplifiant
votre code, en...
Méthodes
d’engagement
La Marque et interfaces
SINGULARITÉ
Le site surprend et casse
les codes de l’industrie
des technologies.
Habitués à beaucoup (trop?) de contenu
dans un environnement où le design
est relayé au troisième plan,
les développeurs s...
SIMPLICITÉ
Les contenus sont très simples,
les contrastes de couleurs
sont forts pour une lisibilité
optimale.
Peu de texte mais accessibles pour
les non-experts avec des liens
qui amènent à du contenu plus poussés,
plus complexes po...
ANIMATION
Il suffit de peu pour faire
comprendre des notions.
Le fait que la BEE soit ludique
permet de faire des animations
pleines de sens sans avoir besoin
de beaucoup de mots.
FLUIDITÉ
Ravir avec
une navigation fluide
Une façon d’apaiser la complexité
du contenu technique d’aider
les gens à se projeter dans les
produits.
HUMOUR
Les jeux de mots sont présents
à de nombreuses occasions.
-
Le Mot BEE devient un outils
de la marque et nous perme...
Pour finir...
Une interface mal designée, mal pensée
C’est comme si vous entriez
dans une boutique où le personnel est impoli,
ne vous a...
« Une Marque
[...] c’est le produit
de milliers
de petits gestes. »
Michael Eisner, ex-PDG Walt Disney
Manon Gruaz
LEAD DESIGNER,
BRANDING GODDESS & LOVING BEE
at Arcbees
+ManonGruaz
@manongruaz
MERCI
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
mark, Marque et Marques
Prochain SlideShare
Chargement dans…5
×

mark, Marque et Marques

339 vues

Publié le

mark, Marque et Marques
Conférence par Manon Gruaz au Devfest de Nantes du 6 novembre 2015.

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
339
Sur SlideShare
0
Issues des intégrations
0
Intégrations
8
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • je vous presente Mark
  • mark est bleu parce que mark veut à tout prix qu on l aime.
  • malheureusment il n est pas le seul….
  • alors mark decide de clamer haut et fort qu il est le meilleur
  • malheureusment pour lui, la aussi il n est pas seul.
  • alors que doit faire mark ?
  • Mark doit devenir Marque
  • ëtre marque pour les gouverner tous, non surtout pour etre etre au dessus des autres
  • mais qu est ce qu une marque
  • une marque ca se passe dans votre coeur… oui oui je sais que dans chaque developpeur se cache un coeur!
  • une marque c est ce qu on ressent a propos dun produit un service ou une entrperise
  • c est pas un logo, ni un produit, ni une pub, ni une marque deposée
  • Regardez ce logo d’apple et orbservez ce que vous ressentez en voyant ne serait ce que ce logo. Ces sentiments sont la marque. Et ces sentiments que vous ressemtez ce sont les designers de marque comme moi qui crééons ces marques et ce que vous ressentez.
  • MAis comment créer ceci… ?
  • une marque c est une vision, un point de vue
  • une marque c est une difference
  • Parce que le cerveau est une machine a difference. Il analyse et retient uniquement les contrastes, les differences Et c est sur ca que nous les deisgners de marques ont base notre methode de travail. ON peut dire que la difference c est le nerf de la guerre de la marque
  • alors comment denicher et definir sa difference
  • ses questions sont essentielles, si vous ne pouvez pas y repondre en moins de 15 mots. retournez a vos planche a dessins…
  • pour imager un peu plus
  • une marque c est comme une personne
  • une personne a un nom, une personnalité, un caractére une vision de la vie et un message
  • comme une personne, on peut l aimer bien, l aimer, l adorer ou carrément la detester
  • comme une personne on peut etre d accord ou non avec elle.
  • un fois qu on la definit, quel est son objectif?
  • et j insisterai sur les adjecitfs : claire : si vous n etes pas claire, personne ne va vous comprendre. SI vous n etes pas authentique, les gens vont savoir que vous leur mentez, non une marque ne prend pas ses clients pour des cons. UNique, toujours la difference, le nerf de la guerre.
  • Prenons starbucks. vous savez ou toutes les filles payent un cafe vraiment trop cher pour paraitre bien. Petit conseil pour les dev, c est le bon endroit pour draguer, et pas une conference de dev. Enfin revenons a starbucks. ….. Bruit > silence > pas le meme gout > moins bon et c est la qu on comprend qu une marque c est meme plus juste une image c est une experience.
  • alors qu est ce que signifier créer une marque
  • voila l essence de la marque l’adn
  • une marque s exprime selon divers medium de communication : produit, pub, site web, app mobil, televions, magasin...
  • et bien chaque expression de sa difference doit se diffuser sans tous ses mediums de la meme facon avec la meme personnalité… partout en tout temps
  • c’est ce qu on appelle la coherence.
  • reprenons apple. j aurai aime prendre une marque de PC, mais je suis desolee tout est vraiment pourri. donc reprenons apple. Son logo qui exprime tout sa facon de faire : simplicité, intuitivité, performance, beauté
  • a reussis a transmettre toutes ses valeurs et sa vision à travers ses magasins, ils ont inventé leur propre facon de disposer leurs produits et leur propre facon de vendre, fidele a leur vision
  • qu il ont reussi aussi a transmettre dans leur packaging. Ne me dites pas que vous n avez rien ressenti en ouvrant un packaging devotre nouvel iphone… c est une experience, c est comme noel ou decouvrir que L’anneau
  • Ils ont reussi a transpsé aussi toutes ses valeurs sur leurs site web. Ils sont tres forts chez Apple. Lessence de la marque est partout et c est pour cela que votre mere qui n utilise qu’internet va s acheter un mac bien trop cher pour son utilisation plutot qu un dell...
  • Parlons maintenant de l interface.
  • comment la marque se decline sur une interface
  • Nous allons prendre le meme principe… si vous interface etait une personne...
  • qu est ce que votre marque doit dire a travers votre interface
  • elle s exprime a travers 3 choses...
  • c est sa carte d identité
  • comment créer se persona de design
  • donc je vais vous presenter un persona de design que j ai fait
  • arcbees < startup de quebec > produit pour dev > 14 personnes > je suis la seule fille et cela fait deux ans que j y travaille.
  • un univers simple flat mais tres ludique et tres puissant visuellement
  • mark, Marque et Marques

    1. 1. mark, Marque & Marques DevFest Nantes 2015 Manon Gruaz
    2. 2. Que faire?
    3. 3. Qu’est ce qu’une Marque ?
    4. 4. la Marque c’est ce que nous ressentons à propos d’un produit, un service ou une entreprise Qu’est ce qu’une Marque ?
    5. 5. Comment créer une Marque ?
    6. 6. Comment dénicher et définir sa différence?
    7. 7. ➔Quelle est ta raison d’être ? Pourquoi tu fais ce que tu fais ? ➔Comment tu fais ce que tu fais? ➔En quoi es-tu bon ? Comment créer une Marque ?
    8. 8. Une Marque, c’est comme...
    9. 9. L’objectif de toute Marque est ...
    10. 10. Exprimer de façon claire et authentique, sa personnalité unique dans les moindres détails. L’objectif de toute Marque :
    11. 11. Créer la marque de la Marque
    12. 12. COHÉRENCE
    13. 13. la Marque et interfaces
    14. 14. Et si votre site web ou interface était une personne, QUI SERAIT-ELLE? et QUEL EST SON MESSAGE? La Marque et interfaces
    15. 15. La Marque et sa personnalité peut s’exprimer à travers :
    16. 16. Créer un persona de design affirmé et authentique, voici les composantes : La Marque et interfaces
    17. 17. La Marque et interfaces ➔ Aperçu : Qu’est ce qui rend unique votre marque ➔ Image de la personnalité : Photo d’une personne (connue ou que votre équipe connait, ou même votre mascotte) qui représente exactement la marque ➔ Traits de la marque : Lister cinq traits qui caractérisent votre marque et deux traits que vous voulez à tout prix éviter Composantes
    18. 18. ➔ Voix-Ton : Si votre marque pouvait parler? Que dirait-elle et comment? ➔ Lexique visuel : Aperçu des couleurs, typographie et du style visuel ➔ Méthodes d’engagement : Décrire les méthodes d’engagement émotionnel pour appuyer votre persona design et créer une expérience mémorable Composantes La Marque et interfaces
    19. 19. Persona de design
    20. 20. Persona de design - Arcbees Nom de la Marque Arcbees Aperçu La Bee est le visage de la marque d’Arcbees. - La Bee est un maître architecte solide, sûre d’elle avec une envie furieuse d’aller vers le ciel.
    21. 21. Persona de design - Arcbees Sa forme à la fois simple et logique, traduit la quête d’efficacité, d’optimisation et d’architecture intelligente qui sont au coeur de tous les produits et les projets d’Arcbees.
    22. 22. Traits de la Marque La Bee est comme toutes les abeilles, elle travaille en équipe. Les bees s’entraident pour accomplir l’impossible! - Elle est joueuse, ludique et ne se prends pas au sérieux. Persona de design - Arcbees
    23. 23. La Bee est passionnée par le code et ne peut s’empêcher d’en parler. - La Bee est logique, dévouée mais pas rasoir. Persona de design - Arcbees
    24. 24. Elle aime la simplicité, résoudre le complexe et trouver des solutions pour aider les développeurs. - La Bee a des différences avec les vraies abeilles : pas de hiérarchie et surtout elle ne pique pas! Persona de design - Arcbees
    25. 25. Voix / Ton La Bee aime s’amuser tout en restant sérieuse... serait-elle un peu pince- sans-rire? Elle aime vraiment les jeux de mots, voir un peu trop! Persona de design - Arcbees
    26. 26. Lexique visuel
    27. 27. Message BEE THE BEST DEVENIR LE MEILLEUR - En tant que développeur, nos produits vous aident en simplifiant votre code, en améliorant votre expérience usager et en optimisant votre temps. Persona de design - Arcbees
    28. 28. Méthodes d’engagement La Marque et interfaces
    29. 29. SINGULARITÉ Le site surprend et casse les codes de l’industrie des technologies.
    30. 30. Habitués à beaucoup (trop?) de contenu dans un environnement où le design est relayé au troisième plan, les développeurs sont agréablement surpris. On peut être technique, pointu et beau!
    31. 31. SIMPLICITÉ Les contenus sont très simples, les contrastes de couleurs sont forts pour une lisibilité optimale.
    32. 32. Peu de texte mais accessibles pour les non-experts avec des liens qui amènent à du contenu plus poussés, plus complexes pour les experts.
    33. 33. ANIMATION Il suffit de peu pour faire comprendre des notions.
    34. 34. Le fait que la BEE soit ludique permet de faire des animations pleines de sens sans avoir besoin de beaucoup de mots.
    35. 35. FLUIDITÉ Ravir avec une navigation fluide
    36. 36. Une façon d’apaiser la complexité du contenu technique d’aider les gens à se projeter dans les produits.
    37. 37. HUMOUR Les jeux de mots sont présents à de nombreuses occasions. - Le Mot BEE devient un outils de la marque et nous permet d’exprimer tout le côté généreux et funny de l’équipe.
    38. 38. Pour finir...
    39. 39. Une interface mal designée, mal pensée C’est comme si vous entriez dans une boutique où le personnel est impoli, ne vous aide pas, et qui a très envie que vous partiez pour être tranquille. La Marque et interfaces
    40. 40. « Une Marque [...] c’est le produit de milliers de petits gestes. » Michael Eisner, ex-PDG Walt Disney
    41. 41. Manon Gruaz LEAD DESIGNER, BRANDING GODDESS & LOVING BEE at Arcbees +ManonGruaz @manongruaz
    42. 42. MERCI

    ×