A little bit of heart and soul - personality in web site design

21
Written, illustrated and produced by A little bit of heart and soul Putting personality into your online presence to really engage with your visitors.

description

How to inject brand personality in to web sites using content strategy, user personas and style tiles.

Transcript of A little bit of heart and soul - personality in web site design

Page 1: A little bit of heart and soul - personality in web site design

Written, illustrated and produced by

A little bit of heart and soulPutting personality into your online presence to really engage with your visitors.

Page 2: A little bit of heart and soul - personality in web site design

Your brand’s personality How you act.What you say.What you look like.

And what do you stand for?

Page 3: A little bit of heart and soul - personality in web site design

Personality is good for business.

Emotional and psychological factors are known to drive choices and encourage loyalty.

Brand-connected customers are more likely to seek you out and recommend you to others.

Page 4: A little bit of heart and soul - personality in web site design

How does your brand make your customers feel?

Page 5: A little bit of heart and soul - personality in web site design

Your web site: their first impression.

Page 6: A little bit of heart and soul - personality in web site design

TwitterFacebook

Pinterest

LinkedIn Google+

Other networks

Your web site: your brand’s online hub.

Your content presented the way you want it.

Page 7: A little bit of heart and soul - personality in web site design

Does your web site reflect your brand’s personality?

Or is it like your competitors?

The same colours, fonts, visual style, copy, stock images...

Another web site

Yep, it’s pretty much a template!

Another web site

Yep, it’s pretty much a template!

Another web site

Yep, it’s pretty much a template!

Another web site

Yep, it’s pretty much a template!

Page 8: A little bit of heart and soul - personality in web site design

Your brand is unique.“How do we stand out?”

Page 9: A little bit of heart and soul - personality in web site design

Traditional ReliableAssuredAuthoritative

Because even a small business has a brand personality.

Page 10: A little bit of heart and soul - personality in web site design

...even a micro business has a brand personality.

Friendly ProfessionalHonestTrustworthy

Page 11: A little bit of heart and soul - personality in web site design

Where to start?What is your brand really like?(Let’s make this fun)

Page 12: A little bit of heart and soul - personality in web site design

Stephen FryIrreverent

Witty

Intelligent

Progressive

JK Rowling Creative

Pioneering

Benevolent

Inspirational

Alan Sugar Straight-talking

Rational

Driven

Headstrong

Mary Berry Traditional

Formal

Graceful

Methodical

If your brand could have any spokesperson...Someone who represented your business/organisation and what it stands for.

Who would it be?

Page 13: A little bit of heart and soul - personality in web site design

Witty, self-deprecating,

Friendly, informal and easy going.

Simple, corporate and formal.

Erudite, considered and formal.

How does your brand talk?Establish ‘voice and tone’ to guide your communications

Page 14: A little bit of heart and soul - personality in web site design

Colour and type

Colour and type

Colour and type

Colour and type

Visual elements and styles to reflect brand personality

Page 15: A little bit of heart and soul - personality in web site design

Brand traitsProfessional but not stiltedFriendly but not too familiarApproachable but not disorderedAssured but not condescendingModern but not voguishWelcoming but not laid backSerious but not stern

Personality mapI’d say quite friendly and a little bit submissive (or more ‘passive’?) - dentists can be scary so dominance would not be good.

VoiceOMG should speak with clarity and a calm assurance with a ‘human voice’. Knowledgable but softened with a relaxed and friendly tone. It should avoid colloquialisms and technical jargon.

An example:OMG began life when three dental practitioners Catherine Oliver, Tom Macgregor and James Green set up a practice in a converted 1920s detached house on Rushgrove Way, Wilmington. Now five years later at our new location in Farringdon St. we’re proud of the quality of service we provide for our patients in the Wilmington community.

Visual Lexicon

ColourMuted greens and blues to convey healing, safety and trust.

TypographyClean sans-serif typography to aid clarity, simplicity and to convey a clinical and modern attitude.

General style notesClear and unfussy buttons, white space, uncluttered.

Other engagement methodsHelpful and appropriately placed (unobtrusive) ‘signposts’: ‘Did you know we’re open late on Thursdays?’ ‘We have Spanish speaking practitioners’ ‘We can now offer you a range cosmetic treatments’

Design Persona for OMG Dental

A Design Persona document: flesh out the brand

www.aarronwalter.com/design-personas

Page 16: A little bit of heart and soul - personality in web site design

User personas and scenarios

Your web site visitors

What are they like?

What do they care about?

Why are they there?

What will they do?

What would you

like them to do?

Page 17: A little bit of heart and soul - personality in web site design

‘Style tiles’ are a useful way to create the right visual language

styletiles.es

Page 18: A little bit of heart and soul - personality in web site design

Get the style right early on in the project.

Page 19: A little bit of heart and soul - personality in web site design

Future-friendly sites with brand personality.

Page 20: A little bit of heart and soul - personality in web site design

Getting started with brand personality on your web site.

What does your business stand for, what makes you different?

What are the brand traits? Imagine your brand is a famous person, or a car.

Create some simple guidelines on how your brand will ‘talk’.

Establish a visual language and style that reflects your brand’s personality.

Page 21: A little bit of heart and soul - personality in web site design

Good news! Everything you just read about we’ve done and we know

how to do.

Need help or advice?

We do more than just make good web sites.

Let’s talk, we’re friendly!

www.seedr.co.uk

Steve Morris is on Twitter

Web, Marketing, Business @SeedrSteve

Design, Tech, Music, Art, History @mozbloke

All images that are not ours are licenced under Creative Commons Attribution-ShareAlike. The pictogram fornt is Entypo - get it here www.entypo.com