GWTcon 2015 - brad, Brand and Brands

80
brad, Brand & Brands GWT Con 2015 Manon Gruaz

Transcript of GWTcon 2015 - brad, Brand and Brands

Page 1: GWTcon 2015 - brad, Brand and Brands

brad, Brand& Brands

GWT Con 2015

Manon Gruaz

Page 2: GWTcon 2015 - brad, Brand and Brands
Page 3: GWTcon 2015 - brad, Brand and Brands
Page 4: GWTcon 2015 - brad, Brand and Brands
Page 5: GWTcon 2015 - brad, Brand and Brands
Page 6: GWTcon 2015 - brad, Brand and Brands
Page 7: GWTcon 2015 - brad, Brand and Brands

What to do?

Page 8: GWTcon 2015 - brad, Brand and Brands
Page 9: GWTcon 2015 - brad, Brand and Brands
Page 10: GWTcon 2015 - brad, Brand and Brands

What is a Brand?

Page 11: GWTcon 2015 - brad, Brand and Brands
Page 12: GWTcon 2015 - brad, Brand and Brands

A Brandis what you feel about a product,a service or a company.

What is a Brand?

Page 13: GWTcon 2015 - brad, Brand and Brands
Page 14: GWTcon 2015 - brad, Brand and Brands
Page 15: GWTcon 2015 - brad, Brand and Brands

How to create a Brand?

Page 16: GWTcon 2015 - brad, Brand and Brands
Page 17: GWTcon 2015 - brad, Brand and Brands
Page 18: GWTcon 2015 - brad, Brand and Brands
Page 19: GWTcon 2015 - brad, Brand and Brands

How to find and define your difference?

Page 20: GWTcon 2015 - brad, Brand and Brands

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?

Page 21: GWTcon 2015 - brad, Brand and Brands

A Brand, is like...

Page 22: GWTcon 2015 - brad, Brand and Brands
Page 23: GWTcon 2015 - brad, Brand and Brands
Page 24: GWTcon 2015 - brad, Brand and Brands
Page 25: GWTcon 2015 - brad, Brand and Brands
Page 26: GWTcon 2015 - brad, Brand and Brands

The goal of all brand is ...

Page 27: GWTcon 2015 - brad, Brand and Brands

to express in a clear and authentic way, its unique personalityin every details.

the goal of all brands

Page 28: GWTcon 2015 - brad, Brand and Brands
Page 29: GWTcon 2015 - brad, Brand and Brands

Create the markof the Brand

Page 30: GWTcon 2015 - brad, Brand and Brands
Page 31: GWTcon 2015 - brad, Brand and Brands
Page 32: GWTcon 2015 - brad, Brand and Brands
Page 33: GWTcon 2015 - brad, Brand and Brands

CONSISTENCY

Page 34: GWTcon 2015 - brad, Brand and Brands
Page 35: GWTcon 2015 - brad, Brand and Brands
Page 36: GWTcon 2015 - brad, Brand and Brands
Page 37: GWTcon 2015 - brad, Brand and Brands
Page 38: GWTcon 2015 - brad, Brand and Brands

The Brandand the UI

Page 39: GWTcon 2015 - brad, Brand and Brands
Page 40: GWTcon 2015 - brad, Brand and Brands

What if your website or UI were a person?Who would he be?And what would his message be?

The Brand and the UI

Page 41: GWTcon 2015 - brad, Brand and Brands
Page 42: GWTcon 2015 - brad, Brand and Brands

The Brand and its personality are expressed through

Page 43: GWTcon 2015 - brad, Brand and Brands
Page 44: GWTcon 2015 - brad, Brand and Brands

Create an assertive and authentic persona of design,here are the components:

The Brand and the UI

Page 45: GWTcon 2015 - brad, Brand and Brands

➔ 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

Page 46: GWTcon 2015 - brad, Brand and Brands

➔ 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

Page 47: GWTcon 2015 - brad, Brand and Brands

Design Persona

Page 48: GWTcon 2015 - brad, Brand and Brands
Page 49: GWTcon 2015 - brad, Brand and Brands

Design Persona - Arcbees

Brand’s name Arcbees

OverviewThe bee is the mascot of Arcbees. -The bee is a confident and strong architecture master with a furious desire to reach for the stars

Page 50: GWTcon 2015 - brad, Brand and Brands

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

Page 51: GWTcon 2015 - brad, Brand and Brands

Brand FeaturesThe 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

Page 52: GWTcon 2015 - brad, Brand and Brands

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

Page 53: GWTcon 2015 - brad, Brand and Brands

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

Page 54: GWTcon 2015 - brad, Brand and Brands

Voice / ToneThe bee likes to have fun while remaining serious...

It loves puns, probably too much!

Design Persona - Arcbees

Page 55: GWTcon 2015 - brad, Brand and Brands

Visual lexicon

Page 56: GWTcon 2015 - brad, Brand and Brands

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

Page 57: GWTcon 2015 - brad, Brand and Brands

Commitment methods

The Brand and the UI

Page 58: GWTcon 2015 - brad, Brand and Brands

SINGULARITY

Our website surprises and breaks the rules of the technological industry

Page 59: GWTcon 2015 - brad, Brand and Brands
Page 60: GWTcon 2015 - brad, Brand and Brands

Used to (too much) content in a world where design is put last, programmers are pleasantly surprised. Being technical, specialized

and beautiful is doable!

Page 61: GWTcon 2015 - brad, Brand and Brands

SIMPLICITY

The content and its presentation are simple, and color contrasts are strong for an optimum readability.

Page 62: GWTcon 2015 - brad, Brand and Brands

Not too much words for non-experts to understand but links to more complex contents for advanced users.

Page 63: GWTcon 2015 - brad, Brand and Brands

ANIMATION

You don't need too much to make people understand the basics.

Page 64: GWTcon 2015 - brad, Brand and Brands

The fact that the bee is fun enables the animation to be full of meaning without needing a ton of words.

Page 65: GWTcon 2015 - brad, Brand and Brands
Page 66: GWTcon 2015 - brad, Brand and Brands
Page 67: GWTcon 2015 - brad, Brand and Brands

FLUIDITY

Please people with a smooth browsing

Page 68: GWTcon 2015 - brad, Brand and Brands

A way of appeasing the technical content's complexity and help people project themselves in the products.

Page 69: GWTcon 2015 - brad, Brand and Brands

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.

Page 70: GWTcon 2015 - brad, Brand and Brands
Page 71: GWTcon 2015 - brad, Brand and Brands
Page 72: GWTcon 2015 - brad, Brand and Brands

To conclude...

Page 73: GWTcon 2015 - brad, Brand and Brands

The Brand and the UI

Page 74: GWTcon 2015 - brad, Brand and Brands

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

Page 75: GWTcon 2015 - brad, Brand and Brands
Page 76: GWTcon 2015 - brad, Brand and Brands
Page 77: GWTcon 2015 - brad, Brand and Brands

« A Brand Is[...] the product of a thousand

small gestures. »Michael Eisner, Former Walt Disney CEO

Page 78: GWTcon 2015 - brad, Brand and Brands

Manon GruazLEAD DESIGNER,

BRANDING GODDESS & LOVING BEEat Arcbees

+ManonGruaz@manongruaz

Page 79: GWTcon 2015 - brad, Brand and Brands

THANK YOU

Page 80: GWTcon 2015 - brad, Brand and Brands

QUESTIONS?