SlideShare a Scribd company logo
brad, Brand
& Brands
GWT Con 2015
Manon Gruaz
What to do?
What is a Brand?
A Brand
is what you feel
about a product,
a service or a company.
What is a Brand?
How to create
a Brand?
How to find and
define your difference?
I. Why do you exist ?
Why do you do what you do?
II. How do you do it?
III.What are you good at ?
How to create a Brand?
A Brand,
is like...
The goal
of all brand is ...
to express
in a clear and authentic way,
its unique personality
in every details.
the goal of all brands
Create the mark
of the Brand
CONSISTENCY
The Brand
and the UI
What if your website
or UI were a person?
Who would he be?
And what would his message be?
The Brand and the UI
The Brand and its personality are expressed through
Create an assertive and
authentic persona of design,
here are the components:
The Brand and the UI
➔ Overview :
What makes your brand unique ?
➔ Traits :
The picture of a person (someone famous,
or that your team knows well; it could even
be a mascot) that represents the brand
➔ Brand features :
List 5 features that define your brand
and 2 that you absolutely want to avoid
Components
➔ Voice tone:
If your brand could speak,
what would it say and how ?
➔ Visual lexicon:
Glimpse of colors, typography
and visual style
➔ Methods of commitment:
Describe the methods of emotional
commitment to support
your design persona and create
an outstanding experience
Components
Design Persona
Design Persona - Arcbees
Brand’s name Arcbees
Overview
The bee is the mascot of Arcbees.
-
The bee is a confident
and strong architecture master
with a furious desire to reach
for the stars
Its shape is both simple and logic.
It expresses the quest towards
efficiency, optimization
and smart architecture.
These three are at the core of all
Arcbees' products and projects.
Design Persona - Arcbees
Brand Features
The bee is, like all the bees,
a teamworker.
Bees help one another to make
the impossible happen.
-
It is playful, fun and doesn’t take
itself too seriously.
Design Persona - Arcbees
The bee is a code fanatic
and can't stop talking about it.
-
It is logic, devoted but it is not
boring.
Design Persona - Arcbees
Simplicity lover, it resolves
complex situations,
finds solutions to help developers.
-
The bee is different from
the «real» bees: no hierarchy
and no stings!
Design Persona - Arcbees
Voice / Tone
The bee likes to have fun while
remaining serious...
It loves puns, probably too much!
Design Persona - Arcbees
Visual lexicon
Message
BEE THE BEST
-
As programmers, our products
are helpful because they make
coding easy, making
your experience as a user enjoyable
and optimizing your time.
Design Persona - Arcbees
Commitment
methods
The Brand and the UI
SINGULARITY
Our website surprises
and breaks the rules of
the technological industry
Used to (too much) content in a world
where design is put last,
programmers are pleasantly surprised. Being technical, specialized
and beautiful is doable!
SIMPLICITY
The content and
its presentation are simple,
and color contrasts are strong
for an optimum readability.
Not too much words for non-experts
to understand but links to more complex
contents for advanced users.
ANIMATION
You don't need too much
to make people understand
the basics.
The fact that the bee is fun enables
the animation to be full of meaning
without needing a ton of words.
FLUIDITY
Please people
with a smooth browsing
A way of appeasing the technical
content's complexity and help people
project themselves in the products.
HUMOR
Numerous puns are part
of the website
-
The word "Bee" becomes a brand
tool and enables us to express
the funny and generous side
of our team.
To conclude...
The Brand and the UI
A poorly designed or thought-out interface
is the same as if you were going to a shop
where the staff is rude, unhelpful
and wants you to leave.
The Brand and the UI
« A Brand Is
[...] the product
of a thousand
small gestures. »
Michael Eisner, Former Walt Disney CEO
Manon Gruaz
LEAD DESIGNER,
BRANDING GODDESS & LOVING BEE
at Arcbees
+ManonGruaz
@manongruaz
THANK YOU
QUESTIONS?

More Related Content

Viewers also liked

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
 
Rock GWT UI's with Polymer Elements
Rock GWT UI's with Polymer ElementsRock GWT UI's with Polymer Elements
Rock GWT UI's with Polymer Elements
Manuel Carrasco Moñino
 
GWTcon 2015 - Beyond GWT 3.0 Panic
GWTcon 2015 - Beyond GWT 3.0 PanicGWTcon 2015 - Beyond GWT 3.0 Panic
GWTcon 2015 - Beyond GWT 3.0 Panic
Cristiano Costantini
 
Web Components the best marriage for a PWA
Web Components the best marriage for a PWAWeb Components the best marriage for a PWA
Web Components the best marriage for a PWA
Manuel Carrasco Moñino
 
(Js) Export your own WebGL Viewer
(Js) Export your own WebGL Viewer(Js) Export your own WebGL Viewer
(Js) Export your own WebGL Viewer
JooinK
 
Taking Your GWT App to Tablets with GXT 4.0
Taking Your GWT App to Tablets with GXT 4.0Taking Your GWT App to Tablets with GXT 4.0
Taking Your GWT App to Tablets with GXT 4.0
David Chandler
 
Intro to Web Components, Polymer & Vaadin Elements
Intro to Web Components, Polymer & Vaadin ElementsIntro to Web Components, Polymer & Vaadin Elements
Intro to Web Components, Polymer & Vaadin Elements
Manuel Carrasco Moñino
 

Viewers also liked (7)

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
 
Rock GWT UI's with Polymer Elements
Rock GWT UI's with Polymer ElementsRock GWT UI's with Polymer Elements
Rock GWT UI's with Polymer Elements
 
GWTcon 2015 - Beyond GWT 3.0 Panic
GWTcon 2015 - Beyond GWT 3.0 PanicGWTcon 2015 - Beyond GWT 3.0 Panic
GWTcon 2015 - Beyond GWT 3.0 Panic
 
Web Components the best marriage for a PWA
Web Components the best marriage for a PWAWeb Components the best marriage for a PWA
Web Components the best marriage for a PWA
 
(Js) Export your own WebGL Viewer
(Js) Export your own WebGL Viewer(Js) Export your own WebGL Viewer
(Js) Export your own WebGL Viewer
 
Taking Your GWT App to Tablets with GXT 4.0
Taking Your GWT App to Tablets with GXT 4.0Taking Your GWT App to Tablets with GXT 4.0
Taking Your GWT App to Tablets with GXT 4.0
 
Intro to Web Components, Polymer & Vaadin Elements
Intro to Web Components, Polymer & Vaadin ElementsIntro to Web Components, Polymer & Vaadin Elements
Intro to Web Components, Polymer & Vaadin Elements
 

Similar to GWTcon 2015 - brad, Brand and Brands

iris brand guidelines 2014
iris brand guidelines 2014iris brand guidelines 2014
iris brand guidelines 2014
joholliday
 
Jason_Perez_Portfolio_2015
Jason_Perez_Portfolio_2015Jason_Perez_Portfolio_2015
Jason_Perez_Portfolio_2015Jason Perez
 
HealthCare corporate site - Design Evaluation by Mani hk
HealthCare corporate site - Design Evaluation by Mani hkHealthCare corporate site - Design Evaluation by Mani hk
HealthCare corporate site - Design Evaluation by Mani hk
Hk Mani
 
Storytelling and the Art of Getting the Design Job
Storytelling and the Art of Getting the Design JobStorytelling and the Art of Getting the Design Job
Storytelling and the Art of Getting the Design Job
UXPA International
 
Brand Design Guide
Brand Design GuideBrand Design Guide
Brand Design Guide
ssuser1cd0ea
 
NeitDesign Brand Book Office Plant Theme
NeitDesign Brand Book Office Plant ThemeNeitDesign Brand Book Office Plant Theme
NeitDesign Brand Book Office Plant Theme
Natalia Liashenko, PhD
 
ESD BrandBook
ESD BrandBookESD BrandBook
ESD BrandBook
emezetacreativo
 
Treehouse Eyes
Treehouse EyesTreehouse Eyes
Treehouse Eyes
TreehouseEyes2
 
eCultify brand guidelines- Shamika Dukle.pdf
eCultify brand guidelines- Shamika Dukle.pdfeCultify brand guidelines- Shamika Dukle.pdf
eCultify brand guidelines- Shamika Dukle.pdf
swdukle
 
RKCO Group - Manpower Outsourcing Supply Services & Solutions Provider | Temp...
RKCO Group - Manpower Outsourcing Supply Services & Solutions Provider | Temp...RKCO Group - Manpower Outsourcing Supply Services & Solutions Provider | Temp...
RKCO Group - Manpower Outsourcing Supply Services & Solutions Provider | Temp...
Rkco Gurgaon
 
Andrea Zehender Design Presentation - TBEX North America 2018
Andrea Zehender Design Presentation - TBEX North America 2018Andrea Zehender Design Presentation - TBEX North America 2018
Andrea Zehender Design Presentation - TBEX North America 2018
TBEX
 
Branding, identity and logo design: Self branding
Branding, identity and logo design: Self brandingBranding, identity and logo design: Self branding
Branding, identity and logo design: Self branding
Noah Tarinyebwa
 
Mouse Brand Identity Guidelines
Mouse Brand Identity GuidelinesMouse Brand Identity Guidelines
Mouse Brand Identity Guidelines
Hubert de la Vega
 
Crabrill
CrabrillCrabrill
Crabrill
PhoenixFIFI
 
Four Steps to the Perfect Logo
Four Steps to the Perfect LogoFour Steps to the Perfect Logo
Four Steps to the Perfect Logo
99designs
 
Web Intensive Week 3 - Class 03
Web Intensive Week 3 - Class 03Web Intensive Week 3 - Class 03
Web Intensive Week 3 - Class 03studiokandm
 
Modernist Look Brand Identity Guideline
Modernist Look Brand Identity GuidelineModernist Look Brand Identity Guideline
Modernist Look Brand Identity Guideline
AliCanElagoz1
 
Completing the picture: Why your storytelling isn’t finished without Visual D...
Completing the picture: Why your storytelling isn’t finished without Visual D...Completing the picture: Why your storytelling isn’t finished without Visual D...
Completing the picture: Why your storytelling isn’t finished without Visual D...
Ray Poynter
 
Elements_of_Logo_Design.ppt
Elements_of_Logo_Design.pptElements_of_Logo_Design.ppt
Elements_of_Logo_Design.ppt
Dr. Ladan Abouali
 

Similar to GWTcon 2015 - brad, Brand and Brands (20)

iris brand guidelines 2014
iris brand guidelines 2014iris brand guidelines 2014
iris brand guidelines 2014
 
Jason_Perez_Portfolio_2015
Jason_Perez_Portfolio_2015Jason_Perez_Portfolio_2015
Jason_Perez_Portfolio_2015
 
HealthCare corporate site - Design Evaluation by Mani hk
HealthCare corporate site - Design Evaluation by Mani hkHealthCare corporate site - Design Evaluation by Mani hk
HealthCare corporate site - Design Evaluation by Mani hk
 
Storytelling and the Art of Getting the Design Job
Storytelling and the Art of Getting the Design JobStorytelling and the Art of Getting the Design Job
Storytelling and the Art of Getting the Design Job
 
Brand Design Guide
Brand Design GuideBrand Design Guide
Brand Design Guide
 
NeitDesign Brand Book Office Plant Theme
NeitDesign Brand Book Office Plant ThemeNeitDesign Brand Book Office Plant Theme
NeitDesign Brand Book Office Plant Theme
 
ESD BrandBook
ESD BrandBookESD BrandBook
ESD BrandBook
 
Treehouse Eyes
Treehouse EyesTreehouse Eyes
Treehouse Eyes
 
eCultify brand guidelines- Shamika Dukle.pdf
eCultify brand guidelines- Shamika Dukle.pdfeCultify brand guidelines- Shamika Dukle.pdf
eCultify brand guidelines- Shamika Dukle.pdf
 
RKCO Group - Manpower Outsourcing Supply Services & Solutions Provider | Temp...
RKCO Group - Manpower Outsourcing Supply Services & Solutions Provider | Temp...RKCO Group - Manpower Outsourcing Supply Services & Solutions Provider | Temp...
RKCO Group - Manpower Outsourcing Supply Services & Solutions Provider | Temp...
 
Andrea Zehender Design Presentation - TBEX North America 2018
Andrea Zehender Design Presentation - TBEX North America 2018Andrea Zehender Design Presentation - TBEX North America 2018
Andrea Zehender Design Presentation - TBEX North America 2018
 
Branding, identity and logo design: Self branding
Branding, identity and logo design: Self brandingBranding, identity and logo design: Self branding
Branding, identity and logo design: Self branding
 
Mouse Brand Identity Guidelines
Mouse Brand Identity GuidelinesMouse Brand Identity Guidelines
Mouse Brand Identity Guidelines
 
Crabrill
CrabrillCrabrill
Crabrill
 
Four Steps to the Perfect Logo
Four Steps to the Perfect LogoFour Steps to the Perfect Logo
Four Steps to the Perfect Logo
 
Web Intensive Week 3 - Class 03
Web Intensive Week 3 - Class 03Web Intensive Week 3 - Class 03
Web Intensive Week 3 - Class 03
 
Modernist Look Brand Identity Guideline
Modernist Look Brand Identity GuidelineModernist Look Brand Identity Guideline
Modernist Look Brand Identity Guideline
 
Brandbook_EB
Brandbook_EBBrandbook_EB
Brandbook_EB
 
Completing the picture: Why your storytelling isn’t finished without Visual D...
Completing the picture: Why your storytelling isn’t finished without Visual D...Completing the picture: Why your storytelling isn’t finished without Visual D...
Completing the picture: Why your storytelling isn’t finished without Visual D...
 
Elements_of_Logo_Design.ppt
Elements_of_Logo_Design.pptElements_of_Logo_Design.ppt
Elements_of_Logo_Design.ppt
 

More from Arcbees

La Marque est Morte, Vive l'intelligence artificielle.
La Marque est Morte, Vive l'intelligence artificielle.La Marque est Morte, Vive l'intelligence artificielle.
La Marque est Morte, Vive l'intelligence artificielle.
Arcbees
 
Designer chez les geeks - nov 2015
Designer chez les geeks - nov 2015Designer chez les geeks - nov 2015
Designer chez les geeks - nov 2015
Arcbees
 
mark, Marque et Marques
mark, Marque et Marquesmark, Marque et Marques
mark, Marque et Marques
Arcbees
 
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
 
Introduction à GWT
Introduction à GWTIntroduction à GWT
Introduction à GWT
Arcbees
 
mark, Marque et Marques
mark, Marque et Marquesmark, Marque et Marques
mark, Marque et Marques
Arcbees
 
GWT Brand Guidelines 1.1
GWT Brand Guidelines 1.1GWT Brand Guidelines 1.1
GWT Brand Guidelines 1.1
Arcbees
 
Css3 and gwt in perfect harmony
Css3 and gwt in perfect harmonyCss3 and gwt in perfect harmony
Css3 and gwt in perfect harmony
Arcbees
 

More from Arcbees (8)

La Marque est Morte, Vive l'intelligence artificielle.
La Marque est Morte, Vive l'intelligence artificielle.La Marque est Morte, Vive l'intelligence artificielle.
La Marque est Morte, Vive l'intelligence artificielle.
 
Designer chez les geeks - nov 2015
Designer chez les geeks - nov 2015Designer chez les geeks - nov 2015
Designer chez les geeks - nov 2015
 
mark, Marque et Marques
mark, Marque et Marquesmark, Marque et Marques
mark, Marque et Marques
 
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...
 
Introduction à GWT
Introduction à GWTIntroduction à GWT
Introduction à GWT
 
mark, Marque et Marques
mark, Marque et Marquesmark, Marque et Marques
mark, Marque et Marques
 
GWT Brand Guidelines 1.1
GWT Brand Guidelines 1.1GWT Brand Guidelines 1.1
GWT Brand Guidelines 1.1
 
Css3 and gwt in perfect harmony
Css3 and gwt in perfect harmonyCss3 and gwt in perfect harmony
Css3 and gwt in perfect harmony
 

Recently uploaded

一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
taqyed
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
Design-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service DeliveryDesign-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service Delivery
farhanaslam79
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 

Recently uploaded (20)

一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
Design-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service DeliveryDesign-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service Delivery
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 

GWTcon 2015 - brad, Brand and Brands

  • 1. brad, Brand & Brands GWT Con 2015 Manon Gruaz
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 8.
  • 9.
  • 10. What is a Brand?
  • 11.
  • 12. A Brand is what you feel about a product, a service or a company. What is a Brand?
  • 13.
  • 14.
  • 15. How to create a Brand?
  • 16.
  • 17.
  • 18.
  • 19. How to find and define your difference?
  • 20. I. Why do you exist ? Why do you do what you do? II. How do you do it? III.What are you good at ? How to create a Brand?
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. The goal of all brand is ...
  • 27. to express in a clear and authentic way, its unique personality in every details. the goal of all brands
  • 28.
  • 29. Create the mark of the Brand
  • 30.
  • 31.
  • 32.
  • 34.
  • 35.
  • 36.
  • 37.
  • 39.
  • 40. What if your website or UI were a person? Who would he be? And what would his message be? The Brand and the UI
  • 41.
  • 42. The Brand and its personality are expressed through
  • 43.
  • 44. Create an assertive and authentic persona of design, here are the components: The Brand and the UI
  • 45. ➔ Overview : What makes your brand unique ? ➔ Traits : The picture of a person (someone famous, or that your team knows well; it could even be a mascot) that represents the brand ➔ Brand features : List 5 features that define your brand and 2 that you absolutely want to avoid Components
  • 46. ➔ Voice tone: If your brand could speak, what would it say and how ? ➔ Visual lexicon: Glimpse of colors, typography and visual style ➔ Methods of commitment: Describe the methods of emotional commitment to support your design persona and create an outstanding experience Components
  • 48.
  • 49. Design Persona - Arcbees Brand’s name Arcbees Overview The bee is the mascot of Arcbees. - The bee is a confident and strong architecture master with a furious desire to reach for the stars
  • 50. Its shape is both simple and logic. It expresses the quest towards efficiency, optimization and smart architecture. These three are at the core of all Arcbees' products and projects. Design Persona - Arcbees
  • 51. Brand Features The bee is, like all the bees, a teamworker. Bees help one another to make the impossible happen. - It is playful, fun and doesn’t take itself too seriously. Design Persona - Arcbees
  • 52. The bee is a code fanatic and can't stop talking about it. - It is logic, devoted but it is not boring. Design Persona - Arcbees
  • 53. Simplicity lover, it resolves complex situations, finds solutions to help developers. - The bee is different from the «real» bees: no hierarchy and no stings! Design Persona - Arcbees
  • 54. Voice / Tone The bee likes to have fun while remaining serious... It loves puns, probably too much! Design Persona - Arcbees
  • 56. Message BEE THE BEST - As programmers, our products are helpful because they make coding easy, making your experience as a user enjoyable and optimizing your time. Design Persona - Arcbees
  • 58. SINGULARITY Our website surprises and breaks the rules of the technological industry
  • 59.
  • 60. Used to (too much) content in a world where design is put last, programmers are pleasantly surprised. Being technical, specialized and beautiful is doable!
  • 61. SIMPLICITY The content and its presentation are simple, and color contrasts are strong for an optimum readability.
  • 62. Not too much words for non-experts to understand but links to more complex contents for advanced users.
  • 63. ANIMATION You don't need too much to make people understand the basics.
  • 64. The fact that the bee is fun enables the animation to be full of meaning without needing a ton of words.
  • 65.
  • 66.
  • 67. FLUIDITY Please people with a smooth browsing
  • 68. A way of appeasing the technical content's complexity and help people project themselves in the products.
  • 69. HUMOR Numerous puns are part of the website - The word "Bee" becomes a brand tool and enables us to express the funny and generous side of our team.
  • 70.
  • 71.
  • 73. The Brand and the UI
  • 74. A poorly designed or thought-out interface is the same as if you were going to a shop where the staff is rude, unhelpful and wants you to leave. The Brand and the UI
  • 75.
  • 76.
  • 77. « A Brand Is [...] the product of a thousand small gestures. » Michael Eisner, Former Walt Disney CEO
  • 78. Manon Gruaz LEAD DESIGNER, BRANDING GODDESS & LOVING BEE at Arcbees +ManonGruaz @manongruaz

Editor's Notes

  1. Hi everybody ! Now. we are not going to talk about technical stuff. Let me rather tell you a story about brad, Brand and Brands.
  2. this is brad
  3. brad is blue /// because everybody loves blue
  4. unfortunately, as you see, everybody else is blue
  5. So brad decided to claim that he is the best to be seen
  6. same again, everybody says that they are the best. That makes brad invisible. try to look for it
  7. So what to do?
  8. Brad has to become a Brand
  9. A brand above the others brands. A brand to rule them all
  10. But, what is a Brand?
  11. A Brand is something that you feel
  12. A brand is what you feel about a product, a service or a company...
  13. It is not a logo, a product, an ad, or a copyright
  14. When you see apple , what do you feel about it? Try to analyse your feelings. Those feelings are the Brand. It is the job of Brand Designers like myself, to create and make you feel those feelings.
  15. So… How to create a Brand?
  16. A Brand is a point of view
  17. It s a difference
  18. Because our brains tend to focus on contrasts and differences.
  19. so now, you gonna ask me : How to find and define your difference. This is not an easy task. but you have to do it. Let me explain.
  20. there are 4 questions you have to ask yourself : Why do you exist ? // Why do you do, what you do? // How do you do it? // What are good at? those questions are fundamentals. If you can’t answer those questions in a simple way, you haven’t found your difference.
  21. To help you find your difference, think like that : A brand is like ...
  22. a human being
  23. it has a name; a personality, a behavior, a vision, and a message
  24. you can like it // adore it // love it or hate it
  25. we can agree or not with what it says
  26. The goal of all brand is …..
  27. to express in a clear and authentic way // its unique personality in every details. Let me explain these 3 adjectives : Clear > If your Brand is not Clear nobody will understand its message. Authentic > If your Brand is not itself, If your Brand lies, // your user will figure it out, and will never trust you again. Unique > If your Brand is not unique, why a user will choose you ?
  28. look at starbucks, // where you can work with free wifi while drinking an overpriced coffee // they changed their coffee machines for silent ones. Customers started to complain that the coffee didn't taste the same and that it wasn't good anymore. The truth is, the machine and the coffee beans were exactly the same. You can see here that even a sound can be part of the experience of a brand.
  29. Now that you understand what is a Brand, and how to define it, let’s see how to create the mark of the brand
  30. take a Brand
  31. it expresses itself through a product; an ad; a website; a smartphone app, on TV and in stores
  32. but it has to do it the same way everywhere, in every details
  33. we call that the CONSISTENCY OF the BRAND
  34. look at apple, again The brand identity is so simple but powerful that you only need the symbol to know what it is and how it does what it does:
  35. every apple store you go in; you find that simplicity again. they invented their own way to sell their products, aligned with their difference.
  36. even in their packaging; it s a complete experience: that only apple gives you: the chill like when you open a christmas present, it’s magic, intuitive… beautiful.
  37. and they manage to apply that experience of this simplicity on their website.
  38. It looks obvious and so simple to apply this consistency, but it s not.
  39. people tend to forget that The consistency has to remain the same on the UI.
  40. To help you create a UI, you can ask yourself these questions :
  41. We call it a persona of design.
  42. The Brand and its personnality are expressed through 3 things : Visual design // Content // Interactivity
  43. it is like its ID
  44. To create an assertive and authentic persona of design, here are the components :
  45. So let me show you one example of Design Persona
  46. I’m going to tell you all about Arcbees's Brand
  47. the visual lexicon is made out of 3 basic colors just like a bee : yellow black and white. the design is simple and has to be playful.
  48. the message of the brand is very clear. We want you to bee the Best
  49. if you look at vaadin's and Sencha's websites, you can tell that we are a bit different.
  50. like on this page where we use animations to explain our working methods
  51. each pages content is illustrated with the bees that are put in context for a better understanding
  52. there are hidden content with little animations that lead you to little surprises to understand where we come from
  53. each employee / bee has its own profile where they put their own professional and personal achievments
  54. Do you wanna bee with us? your can rate your bee attitude with our little geeky game.
  55. Having an Authentic Brand Means User Engagement. Nothing less than that.
  56. a brand is like a plant
  57. you have to take care of it every day
  58. as micheal Eisner said :