Vision

As a new player in a tough market, Till Dawn needed an identity (both online and off) that resonated with their audience.  They also needed the best content management to ensure that they’d kept their fans satisfied with the latest news. This was a start-to-finish project beginning with logo design and ending with SEO and PPC efforts to increase visibility of the finished project.

If you’re a small business owner, your website is the central hub of your company, and it’s a pivotal part of your marketing and branding.

Potential customers visit your site specifically for its content, meaning its appearance and usability are critical to its success and how those users view your company. However, getting your web design wrong can have a negative impact on your business.

Here are 5 common web design mistakes you must avoid to create a great user experience and grow your bottom line.

1. Poor Navigation

Many small businesses fail to make navigation a priority, but without careful attention to how people navigate your site, you could unintentionally be creating a frustrating experience for any potential visitor. People visit your site for specific information, and if they cannot find it they will quickly go elsewhere, leaving with the impression that your business is disorganized in more than just its website.

A good navigation structure should be seamless and will keep visitors on your site longer, which means potentially more readers, subscribers, sales or leads — whichever is your primary objective.

Website navigation affects both usability and accessibility, so it’s important to make it a primary concern. Most websites and blogs use common navigational techniques that are expected by the average visitor. The pages and sections of the site should be easy and logical for visitors to maneuver. Don’t make your visitors think about how to navigate your site; it should be effortless and natural.

There are several principles you can follow to create an effective navigation structure:

• Use icons to aid navigation. They’re both visually appealing and easy to use and understand.
• Create logical groups of related links, with the most important links on the top-level navigation bar and functional (dashboard, account, settings, etc.) and legal (copyright, privacy, terms) located elsewhere.
• Provide location information so users know where they are on any given page and how to proceed to another area of the website. This can be achieved by using Breadcrumb navigation.

2. No Clear Calls To Action

The fundamental error of many small business websites is the lack of a clear call to action. We’ve all seen bland small-business brochure websites with nothing but endless descriptive paragraphs. If you aren’t leading users to commit to an action (buy a product, contact you or subscribe, for example), then you are losing them.

Driving traffic to your website is important, but that traffic is useless if your primary call to action is a plain “click here” link buried in a sea of text. Call-to-action buttons are a great way to grab the user’s attention, and these buttons can be the key to higher conversions. Investing time and consideration into creating successful calls to action can help guide users and address their needs while achieving your own business goals.

It’s important to keep the following best practices in mind when creating an optimal call to action:

• The design of a call to action can be broken down into 4 simple elements — size, shape, color, and position. Each plays a vital part in determining how effective the call to action is in directing the user.
• Don’t make your users work or think, or they’ll leave. It’s not that they aren’t smart, it’s that they want access to information quickly without spending unnecessary time searching for it.
• Don’t overdo it with multiple, competing calls to action on every page. Decide what your primary target is and then define a clear objective per page. Your content should have answered, “What’s in it for me?” and your call to action should now answer, “What do I do now?”

3. Color & Contrast

Color and contrast aren’t usually high up on the list of priorities for a small business owner when it comes to creating a website. But it should be, because if your website text does not have sufficient contrast compared to its background, people will have difficulty reading your content, especially people with poor vision or color-blindness.

Aside from plain readability, color and contrast are important because they can be used to create visual interest and direct the attention of the user. It can equally be effective in organizing and defining the flow and hierarchy of a page, and it’s therefore an essential principle to pay attention to during the design process. Here are some tips:

• Using a free a Color Contrast tool (which conforms to accepted standards) you can easily check to see how the contrast on your website measures up.
• Research how major sites use color and contrast to improve readability and highlight specific sections, and use this knowledge to experiment with color schemes.
• One of best ways to enhance contrast is by creating size differences between elements, making some things appear larger than others. This works especially well within a minimal color scheme, and it means you don’t have to necessarily rely on color.

4. Content, Content, Content

People visit your website for its content, and how that is structured is a huge factor in its success or failure. Unfortunately, an overwhelming number of small businesses get so caught up in overloading the user with information that they overlook how that information is presented.

Most people do not read unless it’s absolutely necessary, and they prefer to scan through information quickly to get to the points of interest. This is why it’s so important to establish a strong visual content hierarchy so users can quickly scan your site and sifting through relevant information. A logical content hierarchy also acts as a guide through each page and creates a more enjoyable user experience.

So when focusing on your content, it’s best to keep in mind these three tips:

• White space is possibly the most important factor to consider. It will allow the user to focus on the meaningful content within each section.
• Break up lengthy pieces of information into digestible blocks of text, utilizing headings, sub-headings, bullets, blockquotes and paragraphs.
• Readable content is important, so use a good line height that is large enough to make content scannable. Margins and letter spacing also need to be taken into consideration.

When talking about content, spelling and grammar cannot be underestimated.

5. Clutter

We all know at least one small business website that seems to include everything but the proverbial kitchen sink. Many small business owners tend to cram as much as they can onto a single page — the end result is a busy, cluttered and unreadable page.

The more extraneous items there are on a web page, the more unprofessional it looks, and it becomes overwhelming, confusing and distracting for the user. A cluttered website will also affect traffic because visitors won’t return if they can’t understand or follow the content, which leads to low traffic, a high bounce rate and possibly a poor Page Rank.

Clutter also applies to images. Too many can be a huge distraction and just plain annoying. Images should be used to illustrate, capture attention and guide the user where required.

Follow these guidelines for a more streamlined visitor experience:

• Challenge every item on each page and ask, “Does it really need to be there? Does it serve a specific purpose? Can I live without it?”
• The key is to aid the visitor in finding the information they’re looking for, so make sure to differentiate between areas of content, advertisements and promotions.
• Prioritize your content and decide what is the most important to your visitor and potential customer — and sell it well.

Even the greatest content can become lost in a mess of words and graphics, so de-cluttering is essential.

These are just five web design mistakes that many small businesses make. What other mistakes have you noticed on small business websites?

This post originally appeared on the American Express OPEN Forum, where Mashable regularly contributes articles about leveraging social media and technology in small business.

Vision

As a major player in a niche market, West Campus Living needed a website that stands out from the competition while remaining client-focused and easy-to-use.  They also needed the best content management and search capabilities in their market to ensure that they’d stay ahead of the pack as their competitors attempted to catch up on the web.  This was a start-to-finish project beginning with logo design and ending with SEO and PPC efforts to increase visibility of the finished project.

The next time you need to provide feedback to a designer or design team, here are four questions to ask yourself to make sure your message is clear, meaningful and relevant.

1. Is the feedback specific and actionable?

There must be a call to action and you’ll want to be sure the designer can follow through on most or all of the suggestions you make. Also, make sure to differentiate between changes you want now, and what you consider to be future changes — don’t make the designer guess. Deadlines and timeframes should be reasonable enough to allow for the changes you’re requesting.

2. Is the feedback contextual?

The designer should be able to quickly identify what your suggestions mean. Notable is a great option for putting feedback directly on a screenshot. Alternatively a print out with hand written notes works well too.

4. Does the feedback encourage your team?

Tear down any roadblock so the team feels empowered to get results. Get people excited about your insights and save any cutting or extremely negative remarks for a private conversation. But don’t sugar coat mistakes or problems.

4. Is the feedback within the recipient’s scope of skills?

Whenever possible, break down the feedback and expected actions into smaller, obtainable chunks. This will expose any potential challenges that occur when the changes you request don’t match the designer’s skill set. Remember, just because it needs to get done, doesn’t mean the person you’re talking to is the one to do it.

Thanks to our friends at ZurbApps for this great contribution.

Vision

As an extremely reputable and historic company in a competitive local market, Gracy Title needed to update their existing, outdated website in order to offer useful features unavailable with their competitors and an easy-to-use interface that focuses on captivating and capturing visitors.  As a large company, they need to be able to intuitively display and manage their vast amounts of information, ranging from employees, to their various locations, and even educational classes they offered. But perhaps most importantly, they needed a system with easy-to-use content management and search capabilities to ensure that they could continuously update the site and provide up-to-the minute information without having to constantly deal with developers.  This was a start-to-finish project that started with website design and went all the way through SEO and blog design efforts to increase visibility of the finished project.

- Dereck J., Marketing Director
The Allandale

Vision

As a high-profile residential property, the Allandale already had moderate name recognition, and the location of the property meant there was a stable, if small, amount of lead traffic to the site. But as sales stagnated the project needed a boost. The Allandale needed a full website redesign not just because the existing site was lacking in visual appeal, but because the success of the project depended on attracting new traffic and getting new leads. With improved search engine optimization, better flow and usability, and a sharp new look, the new website resulted in increased traffic, more leads, and more closed deals. To learn more about the optimization techniques employed during this website redesign project, click here.