SlideShare ist ein Scribd-Unternehmen logo
1 von 80
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?

Weitere ähnliche Inhalte

Andere mochten auch

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 - Beyond GWT 3.0 Panic
GWTcon 2015 - Beyond GWT 3.0 PanicGWTcon 2015 - Beyond GWT 3.0 Panic
GWTcon 2015 - Beyond GWT 3.0 PanicCristiano 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 PWAManuel 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 ViewerJooinK
 
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.0David 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 ElementsManuel Carrasco Moñino
 

Andere mochten auch (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
 

Ähnlich wie GWTcon 2015 - brad, Brand and Brands

iris brand guidelines 2014
iris brand guidelines 2014iris brand guidelines 2014
iris brand guidelines 2014joholliday
 
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 hkHk 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 JobUXPA International
 
Brand Design Guide
Brand Design GuideBrand Design Guide
Brand Design Guidessuser1cd0ea
 
NeitDesign Brand Book Office Plant Theme
NeitDesign Brand Book Office Plant ThemeNeitDesign Brand Book Office Plant Theme
NeitDesign Brand Book Office Plant ThemeNatalia Liashenko, PhD
 
eCultify brand guidelines- Shamika Dukle.pdf
eCultify brand guidelines- Shamika Dukle.pdfeCultify brand guidelines- Shamika Dukle.pdf
eCultify brand guidelines- Shamika Dukle.pdfswdukle
 
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 2018TBEX
 
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 brandingNoah Tarinyebwa
 
Mouse Brand Identity Guidelines
Mouse Brand Identity GuidelinesMouse Brand Identity Guidelines
Mouse Brand Identity GuidelinesHubert de la Vega
 
Four Steps to the Perfect Logo
Four Steps to the Perfect LogoFour Steps to the Perfect Logo
Four Steps to the Perfect Logo99designs
 
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 GuidelineAliCanElagoz1
 
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
 

Ähnlich wie 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
 

Mehr von 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 2015Arcbees
 
mark, Marque et Marques
mark, Marque et Marquesmark, Marque et Marques
mark, Marque et MarquesArcbees
 
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 à GWTArcbees
 
mark, Marque et Marques
mark, Marque et Marquesmark, Marque et Marques
mark, Marque et MarquesArcbees
 
GWT Brand Guidelines 1.1
GWT Brand Guidelines 1.1GWT Brand Guidelines 1.1
GWT Brand Guidelines 1.1Arcbees
 
Css3 and gwt in perfect harmony
Css3 and gwt in perfect harmonyCss3 and gwt in perfect harmony
Css3 and gwt in perfect harmonyArcbees
 

Mehr von 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
 

Kürzlich hochgeladen

Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...amitlee9823
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...nirzagarg
 
Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520modelanjalisharma4
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...amitlee9823
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationZenSeloveres
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756dollysharma2066
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation decktbatkhuu1
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证eeanqy
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Call Girls in Nagpur High Profile
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...poojakaurpk09
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxTusharBahuguna2
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedDelhi Call girls
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja Nehwal
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Availabledollysharma2066
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...instagramfab782445
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.Nitya salvi
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...amitlee9823
 

Kürzlich hochgeladen (20)

Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
 

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

Hinweis der Redaktion

  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 :