SlideShare une entreprise Scribd logo
1  sur  78
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 ?
Comment créer une Marque ?
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 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
➔ 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
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 maître architecte
solide, sûre d’elle
avec une envie furieuse
d’aller vers le ciel.
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.
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
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
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
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
Lexique visuel
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
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 sont agréablement surpris.
On peut être technique,
pointu et beau!
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 pour les experts.
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 permet
d’exprimer tout le côté
généreux et funny de l’équipe.
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 aide pas, et qui a très envie
que vous partiez pour être tranquille.
La Marque et interfaces
« 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

Contenu connexe

Tendances

Imi 02 01_logo_raccourci
Imi 02 01_logo_raccourciImi 02 01_logo_raccourci
Imi 02 01_logo_raccourcieskimodisco
 
Présentation du projet Kiro'o
Présentation du projet Kiro'oPrésentation du projet Kiro'o
Présentation du projet Kiro'oOlivier Madiba
 
Le guide pratique de la creation de logo
Le guide pratique de la creation de logoLe guide pratique de la creation de logo
Le guide pratique de la creation de logoVincent Pereira
 
10 conseils pour la création de logos jan 2014 10 Conseils pour la création ...
10 conseils pour la création de logos  jan 2014 10 Conseils pour la création ...10 conseils pour la création de logos  jan 2014 10 Conseils pour la création ...
10 conseils pour la création de logos jan 2014 10 Conseils pour la création ...Oolong Media
 
Identité d'entreprise ou de marque : le nom, la signature et le logo
Identité d'entreprise ou de marque : le nom, la signature et le logoIdentité d'entreprise ou de marque : le nom, la signature et le logo
Identité d'entreprise ou de marque : le nom, la signature et le logoVincent Pereira
 
Grégory Greffe - CV 2013
Grégory Greffe - CV 2013Grégory Greffe - CV 2013
Grégory Greffe - CV 2013Grégory Greffe
 
7 regles pour dessiner un logo parfait - Design de logo (partie 1)
7 regles pour dessiner un logo parfait - Design de logo (partie 1)7 regles pour dessiner un logo parfait - Design de logo (partie 1)
7 regles pour dessiner un logo parfait - Design de logo (partie 1)Oolong Media
 

Tendances (8)

Imi 02 01_logo_raccourci
Imi 02 01_logo_raccourciImi 02 01_logo_raccourci
Imi 02 01_logo_raccourci
 
Le logo
Le logoLe logo
Le logo
 
Présentation du projet Kiro'o
Présentation du projet Kiro'oPrésentation du projet Kiro'o
Présentation du projet Kiro'o
 
Le guide pratique de la creation de logo
Le guide pratique de la creation de logoLe guide pratique de la creation de logo
Le guide pratique de la creation de logo
 
10 conseils pour la création de logos jan 2014 10 Conseils pour la création ...
10 conseils pour la création de logos  jan 2014 10 Conseils pour la création ...10 conseils pour la création de logos  jan 2014 10 Conseils pour la création ...
10 conseils pour la création de logos jan 2014 10 Conseils pour la création ...
 
Identité d'entreprise ou de marque : le nom, la signature et le logo
Identité d'entreprise ou de marque : le nom, la signature et le logoIdentité d'entreprise ou de marque : le nom, la signature et le logo
Identité d'entreprise ou de marque : le nom, la signature et le logo
 
Grégory Greffe - CV 2013
Grégory Greffe - CV 2013Grégory Greffe - CV 2013
Grégory Greffe - CV 2013
 
7 regles pour dessiner un logo parfait - Design de logo (partie 1)
7 regles pour dessiner un logo parfait - Design de logo (partie 1)7 regles pour dessiner un logo parfait - Design de logo (partie 1)
7 regles pour dessiner un logo parfait - Design de logo (partie 1)
 

En vedette

Uni.sherbrooke 2015 créez la meilleur application grâce à gwt, gwtp et j...
Uni.sherbrooke 2015   créez la meilleur application grâce à gwt, gwtp et j...Uni.sherbrooke 2015   créez la meilleur application grâce à gwt, gwtp et j...
Uni.sherbrooke 2015 créez la meilleur application grâce à gwt, gwtp et j...Arcbees
 
Css3 and gwt in perfect harmony
Css3 and gwt in perfect harmonyCss3 and gwt in perfect harmony
Css3 and gwt in perfect harmonyArcbees
 
GQuery a jQuery clone for Gwt, RivieraDev 2011
GQuery a jQuery clone for Gwt, RivieraDev 2011GQuery a jQuery clone for Gwt, RivieraDev 2011
GQuery a jQuery clone for Gwt, RivieraDev 2011Manuel Carrasco Moñino
 
Introduction à l'agilité numélink - 24 mai 2012 - #7 méthodes
Introduction à l'agilité   numélink - 24 mai 2012 - #7 méthodesIntroduction à l'agilité   numélink - 24 mai 2012 - #7 méthodes
Introduction à l'agilité numélink - 24 mai 2012 - #7 méthodesagnes_crepet
 
Introduction à GWT
Introduction à GWTIntroduction à GWT
Introduction à GWTArcbees
 
GWTcon 2015 - Best development practices for GWT web applications
GWTcon 2015 - Best development practices for GWT web applications GWTcon 2015 - Best development practices for GWT web applications
GWTcon 2015 - Best development practices for GWT web applications Arcbees
 
GWTcon 2015 - brad, Brand and Brands
GWTcon 2015 - brad, Brand and BrandsGWTcon 2015 - brad, Brand and Brands
GWTcon 2015 - brad, Brand and BrandsArcbees
 
Designer chez les geeks - nov 2015
Designer chez les geeks - nov 2015Designer chez les geeks - nov 2015
Designer chez les geeks - nov 2015Arcbees
 
Agile Management- Agile day Valtech
Agile Management- Agile day ValtechAgile Management- Agile day Valtech
Agile Management- Agile day ValtechJean Claude GROSJEAN
 
Architecting your GWT applications with GWT-Platform - Lesson 02
Architecting your GWT applications with GWT-Platform - Lesson 02Architecting your GWT applications with GWT-Platform - Lesson 02
Architecting your GWT applications with GWT-Platform - Lesson 02rhemsolutions
 
MVP: Minimum Viable Product vs. Maximum Value Product
MVP:  Minimum Viable Product vs. Maximum Value ProductMVP:  Minimum Viable Product vs. Maximum Value Product
MVP: Minimum Viable Product vs. Maximum Value ProductLiquid Reality
 
Pourquoi adoptent-ils Kanban partout ? Propos chocs ! - Daniel Doiron
Pourquoi adoptent-ils Kanban partout ? Propos chocs ! - Daniel DoironPourquoi adoptent-ils Kanban partout ? Propos chocs ! - Daniel Doiron
Pourquoi adoptent-ils Kanban partout ? Propos chocs ! - Daniel DoironAgile Montréal
 
Marketing btob summit 2015 : adoptez la data 'ttitude
Marketing btob summit 2015 : adoptez la data 'ttitudeMarketing btob summit 2015 : adoptez la data 'ttitude
Marketing btob summit 2015 : adoptez la data 'ttitudeHervé Gonay
 
Découvrez la Value Stream Mapping (VSM)
Découvrez la Value Stream Mapping (VSM)Découvrez la Value Stream Mapping (VSM)
Découvrez la Value Stream Mapping (VSM)XL Groupe
 
Introduction au Lean Startup
Introduction au Lean StartupIntroduction au Lean Startup
Introduction au Lean StartupSébastien Sacard
 
La gestion de projet Agile
La gestion de projet AgileLa gestion de projet Agile
La gestion de projet AgileJonathan Roy
 
Cours Génie Logiciel - Cours 2 - Cycles de vie
Cours Génie Logiciel - Cours 2 - Cycles de vieCours Génie Logiciel - Cours 2 - Cycles de vie
Cours Génie Logiciel - Cours 2 - Cycles de vieMohammed Amine Mostefai
 
Le Lean Product Management présenté au LeanKanban Day 2015
Le Lean Product Management présenté au LeanKanban Day 2015Le Lean Product Management présenté au LeanKanban Day 2015
Le Lean Product Management présenté au LeanKanban Day 2015Sébastien Sacard
 

En vedette (20)

Uni.sherbrooke 2015 créez la meilleur application grâce à gwt, gwtp et j...
Uni.sherbrooke 2015   créez la meilleur application grâce à gwt, gwtp et j...Uni.sherbrooke 2015   créez la meilleur application grâce à gwt, gwtp et j...
Uni.sherbrooke 2015 créez la meilleur application grâce à gwt, gwtp et j...
 
Web-UX / Agile avec UX
Web-UX / Agile avec UXWeb-UX / Agile avec UX
Web-UX / Agile avec UX
 
Css3 and gwt in perfect harmony
Css3 and gwt in perfect harmonyCss3 and gwt in perfect harmony
Css3 and gwt in perfect harmony
 
MVP with GWT and GWTP
MVP with GWT and GWTPMVP with GWT and GWTP
MVP with GWT and GWTP
 
GQuery a jQuery clone for Gwt, RivieraDev 2011
GQuery a jQuery clone for Gwt, RivieraDev 2011GQuery a jQuery clone for Gwt, RivieraDev 2011
GQuery a jQuery clone for Gwt, RivieraDev 2011
 
Introduction à l'agilité numélink - 24 mai 2012 - #7 méthodes
Introduction à l'agilité   numélink - 24 mai 2012 - #7 méthodesIntroduction à l'agilité   numélink - 24 mai 2012 - #7 méthodes
Introduction à l'agilité numélink - 24 mai 2012 - #7 méthodes
 
Introduction à GWT
Introduction à GWTIntroduction à GWT
Introduction à GWT
 
GWTcon 2015 - Best development practices for GWT web applications
GWTcon 2015 - Best development practices for GWT web applications GWTcon 2015 - Best development practices for GWT web applications
GWTcon 2015 - Best development practices for GWT web applications
 
GWTcon 2015 - brad, Brand and Brands
GWTcon 2015 - brad, Brand and BrandsGWTcon 2015 - brad, Brand and Brands
GWTcon 2015 - brad, Brand and Brands
 
Designer chez les geeks - nov 2015
Designer chez les geeks - nov 2015Designer chez les geeks - nov 2015
Designer chez les geeks - nov 2015
 
Agile Management- Agile day Valtech
Agile Management- Agile day ValtechAgile Management- Agile day Valtech
Agile Management- Agile day Valtech
 
Architecting your GWT applications with GWT-Platform - Lesson 02
Architecting your GWT applications with GWT-Platform - Lesson 02Architecting your GWT applications with GWT-Platform - Lesson 02
Architecting your GWT applications with GWT-Platform - Lesson 02
 
MVP: Minimum Viable Product vs. Maximum Value Product
MVP:  Minimum Viable Product vs. Maximum Value ProductMVP:  Minimum Viable Product vs. Maximum Value Product
MVP: Minimum Viable Product vs. Maximum Value Product
 
Pourquoi adoptent-ils Kanban partout ? Propos chocs ! - Daniel Doiron
Pourquoi adoptent-ils Kanban partout ? Propos chocs ! - Daniel DoironPourquoi adoptent-ils Kanban partout ? Propos chocs ! - Daniel Doiron
Pourquoi adoptent-ils Kanban partout ? Propos chocs ! - Daniel Doiron
 
Marketing btob summit 2015 : adoptez la data 'ttitude
Marketing btob summit 2015 : adoptez la data 'ttitudeMarketing btob summit 2015 : adoptez la data 'ttitude
Marketing btob summit 2015 : adoptez la data 'ttitude
 
Découvrez la Value Stream Mapping (VSM)
Découvrez la Value Stream Mapping (VSM)Découvrez la Value Stream Mapping (VSM)
Découvrez la Value Stream Mapping (VSM)
 
Introduction au Lean Startup
Introduction au Lean StartupIntroduction au Lean Startup
Introduction au Lean Startup
 
La gestion de projet Agile
La gestion de projet AgileLa gestion de projet Agile
La gestion de projet Agile
 
Cours Génie Logiciel - Cours 2 - Cycles de vie
Cours Génie Logiciel - Cours 2 - Cycles de vieCours Génie Logiciel - Cours 2 - Cycles de vie
Cours Génie Logiciel - Cours 2 - Cycles de vie
 
Le Lean Product Management présenté au LeanKanban Day 2015
Le Lean Product Management présenté au LeanKanban Day 2015Le Lean Product Management présenté au LeanKanban Day 2015
Le Lean Product Management présenté au LeanKanban Day 2015
 

Similaire à mark, Marque et Marques

Les tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirLes tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirConcept Image
 
Guide pratique creation_logo_entreprise
Guide pratique creation_logo_entrepriseGuide pratique creation_logo_entreprise
Guide pratique creation_logo_entrepriseBertrand CHARLET
 
Conférence Picth l'UX à ta grand-mère
Conférence Picth l'UX à ta grand-mèreConférence Picth l'UX à ta grand-mère
Conférence Picth l'UX à ta grand-mèreBenjamin Richy
 
2012 folio brochure
2012 folio brochure2012 folio brochure
2012 folio brochureZélia Sakhi
 
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignConférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignCatherine Verfaillie
 
La méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inLa méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inJulien Dereumaux
 
Nouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notesNouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notesConcept Image
 
Les matinales du design by Moswo - L'experience Design d'espace
Les matinales du design by Moswo - L'experience Design d'espaceLes matinales du design by Moswo - L'experience Design d'espace
Les matinales du design by Moswo - L'experience Design d'espaceMoswo
 
10 tendances mobile pour vous garantir un design et une ergonomie gagnantes
10 tendances mobile pour vous garantir un design et une ergonomie gagnantes10 tendances mobile pour vous garantir un design et une ergonomie gagnantes
10 tendances mobile pour vous garantir un design et une ergonomie gagnantesAnaïs Vivion
 
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet2UNL
 
Design, ergonomie et lisibilité des sites internet, Frederique Game
Design, ergonomie et lisibilité des sites internet, Frederique GameDesign, ergonomie et lisibilité des sites internet, Frederique Game
Design, ergonomie et lisibilité des sites internet, Frederique GameFrédérique Game
 
Worldispixel pcv2
Worldispixel pcv2Worldispixel pcv2
Worldispixel pcv2David LÊ
 
Worldispixel
WorldispixelWorldispixel
WorldispixelDavid LÊ
 
Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014Alex Bortolotti
 
Bien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesBien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesMicrosoft Technet France
 
Identité et plateforme de marque avec notes
Identité et plateforme de marque avec notesIdentité et plateforme de marque avec notes
Identité et plateforme de marque avec notesConcept Image
 

Similaire à mark, Marque et Marques (20)

Les tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirLes tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenir
 
Guide pratique creation_logo_entreprise
Guide pratique creation_logo_entrepriseGuide pratique creation_logo_entreprise
Guide pratique creation_logo_entreprise
 
Conférence Picth l'UX à ta grand-mère
Conférence Picth l'UX à ta grand-mèreConférence Picth l'UX à ta grand-mère
Conférence Picth l'UX à ta grand-mère
 
2012 folio brochure
2012 folio brochure2012 folio brochure
2012 folio brochure
 
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignConférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
 
La méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inLa méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'in
 
Nouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notesNouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notes
 
Les matinales du design by Moswo - L'experience Design d'espace
Les matinales du design by Moswo - L'experience Design d'espaceLes matinales du design by Moswo - L'experience Design d'espace
Les matinales du design by Moswo - L'experience Design d'espace
 
10 tendances mobile pour vous garantir un design et une ergonomie gagnantes
10 tendances mobile pour vous garantir un design et une ergonomie gagnantes10 tendances mobile pour vous garantir un design et une ergonomie gagnantes
10 tendances mobile pour vous garantir un design et une ergonomie gagnantes
 
.Branding
.Branding.Branding
.Branding
 
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
 
Design, ergonomie et lisibilité des sites internet, Frederique Game
Design, ergonomie et lisibilité des sites internet, Frederique GameDesign, ergonomie et lisibilité des sites internet, Frederique Game
Design, ergonomie et lisibilité des sites internet, Frederique Game
 
Worldispixel pcv2
Worldispixel pcv2Worldispixel pcv2
Worldispixel pcv2
 
Worldispixel
WorldispixelWorldispixel
Worldispixel
 
Présentation client site web
Présentation client site webPrésentation client site web
Présentation client site web
 
Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014
 
Branding
Branding Branding
Branding
 
Bien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesBien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelines
 
Book2016
Book2016Book2016
Book2016
 
Identité et plateforme de marque avec notes
Identité et plateforme de marque avec notesIdentité et plateforme de marque avec notes
Identité et plateforme de marque avec notes
 

mark, Marque et Marques

  • 1. mark, Marque & Marques DevFest Nantes 2015 Manon Gruaz
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 8.
  • 9.
  • 11.
  • 12. la Marque c’est ce que nous ressentons à propos d’un produit, un service ou une entreprise Qu’est ce qu’une Marque ?
  • 13.
  • 14.
  • 16.
  • 17.
  • 18.
  • 19. Comment dénicher et définir sa différence?
  • 20. ➔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 ?
  • 22.
  • 23.
  • 24.
  • 25.
  • 27. Exprimer de façon claire et authentique, sa personnalité unique dans les moindres détails. L’objectif de toute Marque :
  • 28.
  • 29. Créer la marque de la Marque
  • 30.
  • 31.
  • 32.
  • 34.
  • 35.
  • 36.
  • 37.
  • 39.
  • 40. Et si votre site web ou interface était une personne, QUI SERAIT-ELLE? et QUEL EST SON MESSAGE? La Marque et interfaces
  • 41.
  • 42. La Marque et sa personnalité peut s’exprimer à travers :
  • 43.
  • 44. Créer un persona de design affirmé et authentique, voici les composantes : La Marque et interfaces
  • 45. 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
  • 46. ➔ 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
  • 48.
  • 49. 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.
  • 50. 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.
  • 51. 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
  • 52. 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
  • 53. 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
  • 54. 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
  • 56. 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
  • 58. SINGULARITÉ Le site surprend et casse les codes de l’industrie des technologies.
  • 59.
  • 60. 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!
  • 61. SIMPLICITÉ Les contenus sont très simples, les contrastes de couleurs sont forts pour une lisibilité optimale.
  • 62. 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.
  • 63. ANIMATION Il suffit de peu pour faire comprendre des notions.
  • 64. Le fait que la BEE soit ludique permet de faire des animations pleines de sens sans avoir besoin de beaucoup de mots.
  • 65.
  • 66.
  • 68. Une façon d’apaiser la complexité du contenu technique d’aider les gens à se projeter dans les produits.
  • 69. 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.
  • 70.
  • 71.
  • 73. 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
  • 74.
  • 75.
  • 76. « Une Marque [...] c’est le produit de milliers de petits gestes. » Michael Eisner, ex-PDG Walt Disney
  • 77. Manon Gruaz LEAD DESIGNER, BRANDING GODDESS & LOVING BEE at Arcbees +ManonGruaz @manongruaz
  • 78. MERCI

Notes de l'éditeur

  1. je vous presente Mark
  2. mark est bleu parce que mark veut à tout prix qu on l aime.
  3. malheureusment il n est pas le seul….
  4. alors mark decide de clamer haut et fort qu il est le meilleur
  5. malheureusment pour lui, la aussi il n est pas seul.
  6. alors que doit faire mark ?
  7. Mark doit devenir Marque
  8. ëtre marque pour les gouverner tous, non surtout pour etre etre au dessus des autres
  9. mais qu est ce qu une marque
  10. une marque ca se passe dans votre coeur… oui oui je sais que dans chaque developpeur se cache un coeur!
  11. une marque c est ce qu on ressent a propos dun produit un service ou une entrperise
  12. c est pas un logo, ni un produit, ni une pub, ni une marque deposée
  13. 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.
  14. MAis comment créer ceci… ?
  15. une marque c est une vision, un point de vue
  16. une marque c est une difference
  17. 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
  18. alors comment denicher et definir sa difference
  19. ses questions sont essentielles, si vous ne pouvez pas y repondre en moins de 15 mots. retournez a vos planche a dessins…
  20. pour imager un peu plus
  21. une marque c est comme une personne
  22. une personne a un nom, une personnalité, un caractére une vision de la vie et un message
  23. comme une personne, on peut l aimer bien, l aimer, l adorer ou carrément la detester
  24. comme une personne on peut etre d accord ou non avec elle.
  25. un fois qu on la definit, quel est son objectif?
  26. 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.
  27. 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.
  28. alors qu est ce que signifier créer une marque
  29. voila l essence de la marque l’adn
  30. une marque s exprime selon divers medium de communication : produit, pub, site web, app mobil, televions, magasin...
  31. 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
  32. c’est ce qu on appelle la coherence.
  33. 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é
  34. 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
  35. 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
  36. 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...
  37. Parlons maintenant de l interface.
  38. comment la marque se decline sur une interface
  39. Nous allons prendre le meme principe… si vous interface etait une personne...
  40. qu est ce que votre marque doit dire a travers votre interface
  41. elle s exprime a travers 3 choses...
  42. c est sa carte d identité
  43. comment créer se persona de design
  44. donc je vais vous presenter un persona de design que j ai fait
  45. arcbees < startup de quebec > produit pour dev > 14 personnes > je suis la seule fille et cela fait deux ans que j y travaille.
  46. un univers simple flat mais tres ludique et tres puissant visuellement