Archive for Branding

Is Your Website Springing a Leak?

Imagine that you own a beautifully designed yacht. It looks great on the surface of the water, with superb lines, gleaming decks, a well-appointed galley… but you’re having real trouble getting out of the harbor and you can’t figure out why!

You investigate, and you find that beneath the surface your beautiful boat has a number of slow, silent, leaks. None of them are big enough to sink you on their own, so there’s no obvious immediate crisis – just a constant drain on your efficiency and your speed.

I’ve been reviewing Web traffic reports for over 10 years, and I believe that this analogy applies very well to almost all business websites. Very few sites are so terrible or have something so wrong with them that they’re clearly a disaster. Yet just about every site has some area where it’s quietly losing traffic, losing potential business or the chance to create relationships – or failing to attract visitors in the first place.

If you’re not regularly reviewing your traffic analysis, you can’t know for sure if your site is leak proof. In this article, I’ll show you a few of the most common areas where you can look for – and fix – those silent leaks.

1. Leaks in your Brand & Positioning

The excellent folks at MarketingExperiments online research laboratories have shown that clearly articulated and differentiating value propositions have a critical effect on Website conversion rates.

(The conversion rate is the measurement of visitors fulfilling your desired outcomes – which might include calling you, buying a product at your site, signing up for your newsletter or blog feed, etc.)

Your value proposition should be front and center on your home page. It should answer the classic question: “Why should we do business with you instead of your competition?

Although this question isn’t a Web strategy issue in itself, it is one that many people struggle to answer. But the lack of a compelling opening message can be a major impediment to your online success.

How to check for this leak: Even if they don’t enter your site at the home page, most visitors who don’t know you will go there as the second page they look at to find out more about you and your business.

If visitors are taking a quick look at your home page and then immediately leaving, something is wrong. Your copy is failing to pique their curiosity or to answer their questions: “Can this company meet my needs?” and “Should I explore further?” You have a leak!

2. Leaks in Visitor Engagement

Popular theory says that you have 10 seconds to engage a visitor – i.e. convince them to stay on your site before they click away in search of something more interesting.

While I don’t believe that it’s quite that simple, there are some definite ways to get rid of visitors fast before they’ve had a chance to really check you out.

The best of these is probably the infamous splash page – the entry page to your site that your Web designer persuaded you to have because it “does cool stuff”. Hopefully there’s a “Skip Intro” button somewhere on the page!

In all my reviews of traffic reports I’ve seen a consistent leak of up to 30% of visitors leaving from this page alone – before they’ve ever seen who you are or what you provide.

How to check for this leak: Easy – look for the splash page in your traffic reports and see how many visitors exit at that point. If it’s more than a small percentage, you have a leak – take the page out today!

The other major area where you should watch for leaks in visitor engagement is in what are called “landing pages”. These are inside pages of your Website which turn out to be the first page that a visitor sees, usually because you have some well-indexed content that they’ve found in a search engine.

Here it’s absolutely critical to understand the visitor’s mindset. Each visitor is at your site looking for something specific, they may well have found you by accident, so they may have no idea who you are – and worse, no interest in you.

The first page that they see on your Website must engage them immediately in accordance with their needs, and it must have enough context to draw them into other areas, and to want to find out more about you. It’s not enough to give great information on this page – they’ll soak that up, and then leave.

How to check for this leak: Hopefully your traffic reports are sophisticated enough to show you which keywords bring visitors to each specific page of your site. This shows you each visitor’s “mindset”.

If visitors are leaving a page very quickly, then it probably isn’t satisfying their informational needs, so you should review the content.

If visitors are reading the page (your traffic reports should show the time spent at each page) and then leaving, you’ve given them what they wanted but failed to draw them into the rest of your site. This can be fixed with more compelling navigation and calls to action.

Either way, you have a leak!

3. Leaks in Directions & Outcomes

I’m constantly amazed by the number of Web pages that give great information and content – and then just end abruptly – perhaps with some navigation tabs if you’re lucky!

Steve Krug in his excellent book “Don’t Make Me Think!” describes how crucial it is to direct visitors to the next step that you want them to take. If you don’t do this, and rely on your visitors to figure this out for themselves, there’s a strong chance that they’ll make a different choice than the one you want – or they’ll leave your site altogether, creating leaks in your potential revenue stream.

Every page of your site needs strong calls to action that stand out visually and clíck directly to where the visitor can fulfill the outcome that you want (e.g. “buy now!”, “sign up for our newsletter / RSS feed”.) Pages can have more than one call to action, and there’s nothing wrong with repeating them on longer pages so that they’re always within eyeshot.

About The Author

Philippa Gamse is a Web strategy expert who spends much of her time fixing leaky Websites. Would you like your “Leaky Boat Website” Review? Visit websitesthatwin.com/leaky-boat-report.html for more information.

(c) Philippa Gamse. All rights reserved. Publication rights granted so long as article and byline are reprinted intact, with all links made live.

Font Basics for Branding

There are many components of a brand identity: logo, color palette, font choice, and the Visual Vocabulary. There’s a lot of information available about the use of logos, colors, and Visual Vocabulary, but not much on the effective use of fonts. So, here’s some information on the creative, practical, and technical aspects of fonts.

Font Basics

A font is a set of all the letters in the alphabet, designed with similar characteristics. This is also known as a typeface.
Fonts are usually designed to include several style variations. This can include styles like light, regular, bold, semibold, ultra bold, and italic. Some fonts also include "Expert" versions, which are fonts that include fractions and mathematical symbols.

Font families are typically packages of fonts that include all of the different versions of a font. Using fonts with large families will give you a wide range of fonts to use in your materials, for variety and emphasis.
There are many basic classifications of fonts. Four of the most common classes of fonts are:

  • Serif fonts, which have little "feet," called serifs, at the ends of the lines that make up the letters. Some examples of serif fonts include Times, Palatino, and Garamond. These fonts are more traditional, elegant, and old-fashioned.
  • Sans-serif fonts don’t have those feet. "Sans serif" means "without serifs." Arial, Verdana, Tahoma, and Helvetica are some of the most common sans-serif fonts. These fonts are more clean and modern.
  • Scrípt fonts are calligraphic or cursive fonts. Brush Scrípt and Nuptial Scrípt are two common scrípt fonts.
  • Display fonts are decorative and often used for logos or headlines.

There are other types of fonts as well, including handwriting fonts and all-caps fonts. However, the four listed above are the most common and useful in business communications.

Creative Font Usage Guidelines

Each type of font has certain characteristics that translate into that font’s personality. A font might be serious or light-hearted, traditional or modern, legible or decorative, or any number of other personality traits. The traits of the font that you use in your marketing materials and business communications should reflect and enhance your company’s brand.

Your company should have designated fonts to use in the following situations:

  • A logo font, which is typically not one of the fonts that come installed on Windows machines: it should be more unique and interesting. Some logos will have two or three different fonts in them. If this is the case, then consider using one of those fonts as the secondary font as well.
  • A secondary font, used for headlines, sub-headlines, taglines, special text such as graphics and captions, and decorative text such as pull quotes, which are the large quotes that are used decoratively in articles and documents. This can be the same font as is used in your logo. This is typically an interesting and unique font as well. This may also be used as the font for your contact information in your stationery, depending on its legibility.
  • A tertiary font is optional and may be used when the secondary font is not always legible, for mid-length texts such as pull quotes and contact information.
  • A serif text font, for lengthy printed documents. Printed materials are more easily read if they are in serif font rather than sans-serif font.
  • A sans-serif font, for shorter printed documents and on-screen use. Text on a computer monitor is easier to read in a sans-serif font than in a serif font.
  • A website font, which may be the same font as is used as the main sans-serif text font, depending on how that font translates for online viewing.

All of these fonts should have similar or contrasting characteristics. Choosing fonts with similar characteristics will make your fonts match and create consistency throughout your documents. Choosing fonts with contrasting characteristics will build visual texture and interest into your materials. For example, you could pick all thin, sans-serif fonts such as Arial and Frutiger to create a harmonious, matching suite of fonts. Or you could pick fonts with contrasting characteristics to create greater interest, such as using a serif font like Palatino for the headlines and then using a sans-serif font like Verdana for the text.

Each piece of marketing material or document created should have a maximum of three or four families of fonts on them. (A font family includes all of the bold and italic variations of a particular font, so using bold or italic effects does not count as additional fonts.) Using more than three or four fonts is confusing, and it looks unprofessional.

Practical Font Usage Guidelines

Fonts can require special consideration when you send materials to a professional printer for reproduction, use them on your website, or send Word documents to others. Here are some basics on using fonts and preserving their appearance in these cases.

  • In printed materials, it’s easier to read long blocks of copy that is set in a serif font. Sans-serif fonts are usually used in print for short blocks of information, like headlines, pull quotes, or bulleted lists.
  • When sending your materials to be professionally printed, make sure to address your desires regarding the use of fonts. You can either include the fonts with the files you send to the printer (which might be considered a copyright license infringement), rasterize your artwork (convert it to pixels, so the font data is no longer needed), or outline your fonts (creating shapes out of the fonts, an option that’s available in most vector art programs such as Adobe Illustrator and Macromedia Freehand), so that they can be printed accurately. Outlining the fonts is the best way to ensure that your fonts will remain accurate and sharp.
  • Online, in websites, emails, and HTML newsletters, sans-serif fonts look the best: they’re clean, clear, and easy to read. There is one other trick to online font use: you have to make sure that you use fonts that will be installed on the computers of people reading your site. Otherwise, your text will appear in the default font selected by their browser, which is often Courier, a very plain font. That limitation does leave you with several fonts to choose from, though, including Verdana, Arial, Tahoma, and Trebuchet MS.
  • Serif fonts could also be used on websites; however, it’s best to use them in limited quantities, such as for headlines and subheads. Some fonts that are available to use on the web include Times, Times New Roman, and Georgia.
  • Another issue that commonly arises with online fonts is the difficulty in controlling the size and appearance of those fonts. Standard font tags in HTML don’t provide precise sizing control and need to be used several times throughout each HTML document, so making changes can be time-consuming. You can use Cascading Style Sheets, or CSS, to precisely control the exact size of your fonts and to make site-wide font, size, or color changes with one simple alteration.
  • In Word Documents, you also want to make sure that the fonts that you use for the text will be available on the recipient’s computer. Good fonts to use are the standard fonts that come installed on PCs, which include Arial, Verdana, Tahoma, Times New Roman, Georgia, Palatino, Courier, and Trebuchet MS.
  • In order to insert a small amount of customized text – such as your logo, tagline, or address information – create an image of that information and place it in the header and footer of the page.
  • Another way to preserve the appearance of text is to export your document as a PDF file and send it to the recipient; PDF files embed the fonts into each document so that they can be viewed on any computer and still look right.

Some Technical Info About Font File Types

When you purchase fonts to use on your computer, you’ll often be given a choice of buying a PostScript, True Type, or Open Type font. Here is a brief explanation of the characteristics and problems with each of these formats:

  • PostScript fonts are considered industry standard and are therefore preferred by professional printers. There is a format of PostScript fonts available for Macintosh computers and another format available for Windows computers; those fonts cannot be shared between Macs and PCs.
  • True Type fonts are often found on Windows machines. These fonts do not print as well as Postscript fonts.
  • Open Type fonts are the newest type of font. They are cross-platform compatible, but many fonts aren’t yet available in this format.

With this information about the creative, practical, and technical aspects of font usage, we hope that you can make font choices that will enhance your brand.

About The Author
Erin Ferree is a brand identity and marketing design strategist who creates big visibility for small businesses. Through her customized marketing and brand identity packages, Erin helps her clients discover their brand differentiators, then designs logos, business cards, and other marketing materials and websites to reflect that differentiation, as well as to improve credibility and memorability. http://www.elf-design.com