The consumer’s experience of your site translates into the user’s expectations and opinions of your entire company, product or service.

Because the web is a low-trust environment, your online presence should be up-front, open and transparent.

Construct a neat, concise online personality, and apply it consistently.

Web Page Personality

If your company has a certain tone-of-voice or style for print publishing, on the telephone, or in person, you should aim to translate that to your web presence.

This isn’t just a case of doing the same online as you do in other forms of communication, because the web is a special kind of environment. (Remember, people are less trusting and more impatient when they’re browsing the web).

(See also Stanford boffins’ report featuring 10 guidelines for building credibility online).

Your whole message should be punchy and to-the-point.

Don’t cajole, or try to intrigue, you don’t have time.

Decide on your site’s personality, and stick to it.

Web Page Tone of voice

Active voice is important: present what "you can do" or "what you can get", e.g. "Register for our newsletter" / "Log in" / "More about Service A".

Does your Web Site have a Heart?

Soul, heart, guts, whatever term you prefer, if your brand is going to cut it, you need a big dose of heart. That means reality, ownership, and self-belief.

For a brand to work, it has to have credibility. The easiest way to be credible is to believe it yourself.

For me, that means being the "Web Doctor", using "Web Doctor" in correspondence, online, in phone conversations, in press releases. Like a method actor, it means living out the brand, so that it comes through every action and connection.

Because it’s so easy to create on the web, a lot of people devalue their own brands even as they create them, not realising this simple secret. I see lots of sites that fail simply don’t have the courage of their own convictions. My Bytecon case study is a great worked example.

Your Brand should Focus on the best bits

When you ‘own’ your own brand, your consumers see what you give out, and what you give out comes directly from what you believe.

The easiest way to increase impact is by choosing the right beliefs.

This isn’t about being false, but focusing on the best bits. You don’t have to tell the whole truth.

Note: This isn’t just great for projecting a powerful brand – it’s great anyway!

Talk about positives, and avoid negatives, i.e. say what you do, or can do, what you believe in, how you work, what you have done, what your experience is…

  • If you don’t have as much experience, mention any relevant experience you do have.
  • If you’re young, talk about your energy, enthusiasm and value-for-money.
  • If you’re a small company, emphasise your commitment, availability, and flexibility.
  • If you have fewer skills than competitors, turn them into specialisms and focus.

Usability and Branding for the Web

Usability is crucial for communicating a positive brand impression. Do everything you can to ensure your visitors get what they came for, and have a smooth, positive, enjoyable experience.

There’s no point having a web site that looks just like your print brochure, if it’s useless.

UIE article on the importance of usability in online brand experience »

Visual Branding for the Web

Be consistent with other media output, but don’t necessarily apply every brand guideline slavishly, particuarly with colour.

There is no Pantone for the web – you can’t guarantee how a colour will appear on your users’ monitors, and not every printable colour can be displayed on-screen.

Carrying a brand over to the web is more than following through your corporate colours and fonts. It’s more important to translate your offline experience into a positive and compatible online experience.

Web Branding Examples

I’ve done a whole case study on translating Harvey Nichols’ brand to the web.

Starbucks home page

Starbucks site is bland and dull, nothing like as rich as the experience of using their franchise outlets.

Make Better Web Pages!

How to make your web site sell - use my secrets

Find out How

Do you love our approach to crafting simple & effective web sites that just work for people?

We'd love to hear about your web strategy.

Contact one of our team today!

Leave a comment

Articles + tutorials in Graphic Design for Web

White on White Web Design Style
An overview of white-on-white web page design, a clean, appealing, modern web design style that draws focus to the content.
Zoom Your Content!
a Crucial Web Design Technique
Zooming your content is a basic but critical skill that every web designer should know.
9 Highly Functional Web Site UI Designs for Inspiration
A personal collection of 9 highly functional web user interface designs for inspiration
8 Rich Web Site Designs for Inspiration
Ben's collection of links to great, effective, current web designs with rich, highly graphical, and intense styles.
8 Clean Web Site Designs for Inspiration
Collection of clean, simple, effective, current web designs, put together by Ben Hunt
Some Great Web Logos for Inspiration
A collection of high-quality inspiring web site logos for inspiration.
Real Web2.0 Design, the essential Web2 design features
Real Web2.0 design is not about shiny visual graphic effects, but a bold, direct and challenging brand experience.
10 Best Designed Websites in The World
A list of the 10 best-designed web sites in the world, with explanation of which great web design techniques work most effectively and the importance of designing your content.
Web 2.0 How-To Design Style Guide
Web design guide. Web 2.0 how-to design style elements explained. A guide to why web 2.0 design works, how and when to use each design element
Creating Content for Web Pages
Best practice guidelines for how to create, arrange and design Content for web sites and web pages
Using Contrast in Web Design
The importance of contrast in graphic design for the web, and how to use tonal contrast effectively
Using Attention Maps in Web Page Layout
Always sketch an attention map before designing a web page, to indicate areas of relative importance where you want users to focus.
Containment in web design layout
Using containment in web page layout to group elements together is a powerful tool.
Selection of Favourite Great Web Logos
A collection of appealing logos gathered off the web by web designer Ben Hunt
Case study: Artorg makeover
Case study: Makeover of Artorg's community site
Clarity in Web Design – Designing Clear Web Pages
Hints and tips for making web page designs clearer and easier to understand by differentiating and organising visual elements on the web page
Rhythm and repetition in web page layout
How to use rhythm and repetition as layout devices in web page design
Using Alignment in web page layout and design
Tips on using alignment in visual design for the web to associate related elements
Current style in graphic design for the web
A summary of today's best practice in graphic design for the web. Simple, good webssite design examples, good web design and an explanation of modern web 2.0 design techniques.
Colour in Web Design
Tutorial on using Colour in web design to convey branding and improve usability in your web page designs.
Branding for Web Sites
Branding for web sites: How to create, develop and implement a brand for a web site
Grouping elements for clear web page design
Grouping, basic web page layout graphic design technique for associating web page elements on screen.
Usability Case Study: Kemik Portfolio
Case Study: Tweaking Kemik's online art portfolio
Use of 3D Effects in Web Design
Guidelines on how to use 3D effects effectively in graphic design for the web
Effective text for web design
Short article describing the benefits and strengths of using text rather than graphics in web design
Case study: Business Improvement Network redesign
Case study: Business Improvement Network redesign
Imagery: Using images in Web Page Design
Guide with tips on how to use imagery effectively in web page design, good images, graphics & icons
Logo Design for Web Sites
What makes a good web site logo, breakdown of key design factors for creating great web logos
Media Volunteer Redesign
Summary of redesign of Media Volunteer Center
© Scratchmedia Limited, 2006-2010
Floor 3, 111 Buckingham Palace Road, London, SW1W 0WQ, UK
+44 (0)207 1600 989