Posts Tagged ‘Web Design’

Creating a successful business website design

Wednesday, March 31st, 2010 by Lorenz

This month we have created a series of blog posts that take you through every step of creating a website for your business. We looked at creating effective content, finding a web designer and creating a marketing funnel to convert your visitors into customers.

In this final blog post of the month, we’ll do a quick round-up with every step required to create a successful business website.

Step 1: Define your target audience

target-audienceBefore you create a website, you will need to understand who your customers are.  Understanding your customer needs and lingo will determine the look and content of your site.

The logic behind this is simple: you want your website to be found by someone who is looking to solve their problem with your product or service. Your content will have to clearly outline that you understand their problem and that you have the solution, and explain this in terms that your audience can understand.

Use the steps outlined in our article on defining your target audience.

Step 2: Buying a domain name

domain-nameNext you’ll need a domain name. A domain name is a web address that people can type to find your business. E.g. the domain name of this website is http://onlinedesignbureau.com.

You could of course trust your web designer to buy the domain name for you, but then ask the designer to immediately transfer it in your name. Your domain is the most important part of your online presence, it is the place where your visitors can find you again and again. If you don’t own it, you are vulnerable to losing your domain one day.

Read this article for more information (and inspiration) on buying a domain name.

Step 3: Hire a web designer

web_designOf course you might think we are biased: we are a web design agency and we advice you to hire a web designer.

But the logic behind it is quite simple: if your website doesn’t look professional, you are going to convince only a small amount of your visitors to buy from you. Looks do matter. And a web designer can make sure that your website looks like the rest of your brand (or help you create a brand that presents a unified look and message to the world).

Another advantage of hiring a web designers know what converts visitors into customers and can help you develop powerful calls to actions for your website (more on that later).

If you are looking for a web designer, this guide will help you with you to search for and interview web designers.

Step 4: Write effective content for your website

You’ve already established who your audience is. Now you need to convince them that you understand their problem and provide an expert solution.

Delivering that type of content is where many websites fail. If your content is to self-centered, you will not convince anyone you care about them and will deliver great value.

Your content needs to be customer focused, discuss the problem they are facing with detailed information on how you will solve this problem. But your content also needs to be short and easy to absorb.

Content creation seems like an art, but there are some simple principles at play. You can learn more in our creating effective (sales) copy blog post.

Step 5: Build trust in your website

trustGreat, you’ve got a professional design and have great content that is customer focused. That means your website will be converting visitors into customers quite nicely already.

But you can increase this conversion rate by adding features that build even more trust in your website, such as:

  • Social proof
  • Security
  • Transparency
  • Guarantees
  • etc.

In our blog post we discuss in detail how you can increase trust in your website.

Step 6: Create a marketing funnel and powerful Calls to Action

The logic behind this is straightforward: if you clearly tell your visitors what to do, it is more likely that they will do it. You don’t want your website to just get lots of visitors. You also want your visitors to perform an action, whether it is clicking on an ad, contacting you via email or phone or subscribing to a newsletter.

And the way you can increase the chance that visitors will perform this desired Call to Action is simply by telling them exactly what to do.

For more information, read our article about inserting Calls to Action in your website.

Over to you

Feel we left anything out or need clarification about this topic? Leave us a comment. Or if you already have a website and need advice on everything to do with website creation and marketing, ask your questions in our forum.

And of course, if you are looking for a web designer, have a look at our web design service, contact us or call us: (214) 302-7631.

How To Build Trust in Your Brand Through Web Design

Wednesday, March 10th, 2010 by Lorenz

Welcome to the next in our series on how to create a successful business website. So far you have defined your target audience, bought a domain name, hired a web designer and started creating effective web content or sales copy.

But doing all these things aren’t your only concerns. If you want your visitors to interact with you, buy products or services or make donations, one essential component is gaining their trust. How you gain that trust on a website is the crux of this discussion.

Look as Professional as You Are

Hilton Worldwide Resorts Case StudyLooks do matter. Most visitors will click away from your site if it doesn’t look well designed. This is especially true in markets that are more mature. You need to make sure that you look better than your competitor, and preferably look as good as any other respectable business.

Stand By Your Product / Service

Offer Guarantees

Offering Risk Free Guarantees helps to reduce worries about what happens if the product / service isn’t as portrayed on the site. You know that your brand delivers quality, but people who learn about you for the first time have no idea whether you are trustworthy and deliver as you say you will. That is only to be expected, and you can address this worry straight away by offering a list of guarantees.

This way you can close the door on “what if something is not right” type of reasoning and brings your visitor one step closer to buying from your company.

Offer Social Proof

Social proof is what others say about you. Because it is a 3rd party that makes the statement, it is some of the strongest trust-winning arguments your site can offer.

Awards

Granted, qualifying for an award can be an expensive business, as many associations require a ‘contribution’ before they even start considering you. But beyond the politics and the up front cost, winning an award still shows skill and professionalism.

Customer TestimonialsCustomer Testimonials

Testimonials can really help build trust in your brand, especially if they are from well-known local names or ubiquitous corporations. The most helpful testimonials briefly describe a problem, how you solved it and what made your service special. It is also helpful if somehow you can make the person who delivers the testimonial more real. For example, on our testimonials, where possible, we like to link out to the LinkedIn page of the person who gave us a positive review. Or you could link to the corporate profile page of the person in question.

Case Studies

Case Studies can give your visitors a picture of how you will work for them, how well you have performed in the past and demonstrate the longevity of your brand. They are at their most powerful when combined with testimonials.

Press releasesPress Mentions

They can be a lot of work to come by, but here in the US, the press tends to be very helpful when it comes to reviewing businesses. In everything you do, keep the press in mind and keep relevant industry and local magazines updated about your progress.

You and Your Staff

Staff qualifications, past employment and previous achievements are all important indicators of how well your company will perform when engaging with it.

Another positive effect of introducing your staff or yourself via your website is that you put a human face on your company. If your visitors can see the real faces that drive your company, they can identify with your brand a bit better.

Office Address and Company Registration

Nothing tells visitors you are serious more than clearly showing your company information. Yet many relatively unknown brands forget to do this. As a result, they lose sales, many of them from customers who want to buy a product or service from someone in their locality.

Security

Customers do worry about passing along information to you, from being spammed when giving out their email address to being defrauded when entering their credit card details. That is why it is important that you tell your customers how you keep their information secure.

Transparency

Allowing your customers to interact with your website and to leave content is the ultimate show about how confident you are about your brand. You will come across the occasional ‘crazies’, but people know people and can see beyond that. If the bigger picture is positive, people will trust your brand.

Allow Users To Create Content / Products

A simple 5 star rating system where appropriate can give indicators about the public mood about the content / product the visitor is considering. It can also give you an indication which products fail expectations and should be axed. Once you axe a product, negative ratings don’t matter, because it is no longer shown on your website.

Allow Users To Comment

Again, this shows that you are confident about your product / service, and can also be an interesting survey tool.

Offer a Forum

Some brands can benefit and in fact reach out to their users by implementing a Forum on the site, where users can freely discuss things they value in their daily lives and want to exchange thoughts about. Of course, the forum should remain relevant to your product / service.

Offer Useful Tools

The tools you offer to help to facilitate the decision can help your visitor to choose your brand and give a feeling of professionalism. Tools you can use are:

  • Interactive forms that assess the best product for you
  • Interactive questionnaires
  • Client login for project review
  • Online appointment setting service
  • Auto responders when visitor contacts you (e.g. ‘We received your email and someone will follow up your enquiry within the hour’)
  • Etc.

Trust in Your Brand = Higher Revenue

Creating trust in your brand is paramount, and it is worth the effort. If you want to learn more about how you can improve how your website generates trust, feel free to contact us.

Over To You

I am sure there are many things we have left out. We’d love to hear your ideas, so leave us a comment!

Choosing the Right Colors for Your Website

Tuesday, March 9th, 2010 by Lorenz

Welcome to our series on building a business website. Your designer will talk about ‘branding’ your site and ‘choosing your house colors’. To be able to understand the psychology behind colors, we created this quick tutorial.

Colors influence your visitors

When deciding on a design for your website, two challenges arise:

  1. choosing a layout
  2. and choosing a color scheme for your website.

colorsWhen you start thinking about how you want your website to look and how you want it to behave, it is best to do a search online and find other websites that you like. Bookmark these sites and make notes of the specific elements that attracted you to the site. Don’t worry too much about looking too similar, during the design process, yourweb site will start looking distinctively different from all the other sites out there.

Layout often seems a daunting decision to make, but you will soon notice that the best sites have similar layouts. Reinventing the wheel makes no sense, as it would only serve to confuse the user. E.g. you could put you logo at the bottom right hand side of the page, but users would not notice it. We expect logos to be at the top left. This is true for most elements on your page. Just look around on the web, and you’ll quickly notice what I mean.

Colors are more challenging and matching colors is as much an art as it is based on making educated decisions.

Nevertheless, there are some simple guidelines that will greatly simplify your decision process.

Step 1: Choosing Your Primary Website Color

Your primary color will set the mood for your website. It will instantly communicate the emotional tone of your company and is therefore one of the most important decisions you will make. In order to understand the feelings your primary color will generate it is time to go to the shrink.

The Psychology of Colors

Blue: coolness, spirituality, freedom, patience, loyalty, peace, trustworthiness; can also imply sadness, depression.

US Air Force LogoBlue has a calming effect on our brains. Just look at the sky or the sea, and you’ll feel its calming effect.

We tend to associate it with safety and stability and it has become to signify intelligence, reassurance and trust. It calms our energy and enables us to focus better, think more rationally.

It is for this reason that blue is the color of business. Business offers pragmatic solutions to our needs and problems, and strives to create stability and progress in our lives.

Blue is a great color for sites that deal with practical problems, intellectually challenging solutions and brands that aim to give you more control over your daily activities.

The U.S. Air Force chose blue as their primary color to emphasize that they are not focused on war, but on creating stability in the world.

Red: energy, passion, excitement, power; also implies aggression, danger.

Coca Cola LogoRed is a powerful color, a real attention grabber. Our instincts register it as passion, fire, love and lust, or on the dark side with war, violence, blood and aggression. Psychological tests have shown that red raises blood pressure and can cause perspiration.

Red is associated with blood: the flushing of cheeks, the redness of a woman’s lips.

There is a reason why stop signs are red: your eye is drawn to them, we are hard-wired to notice red.

Sites that deal with romance will also benefit from using red as a primary color.

Youthful brands that aim to tap into the passionate nature of their audience tend to use red in their branding, example in case: Coca Cola.

Note: Pink is the softer side of red. Pink is romantic, calming and feminine.

Yellow: light, optimism, happiness, brightness, joy.

Fair Trade LogoYellow, the color of the rising sun, has come to signify hope, light and energy and simply looking at the color increases your metabolism.

Brands like Fair Trade choose this logo to symbolize the benefits they bring to the world, particulary producers in the third world.

Yellow is an attention grabbing color, but use it sparingly, as it is the most fatiguing color to the eye due to the high amount of light it reflects.

Green: life, naturalness, restfulness, health, wealth, prosperity

Green is the color of spring, of fresh grass, of the Earth renewing itself. As a result, it has come to signify health, growth and wealth. Green symbolizes renewal, and fertility.

Green is shown to be a color that relieves stress and improves healing.

That is why many healthy choice brands embrace green in their branding as the example below illustrates:

Orange: friendliness, warmth, approachability, energy, playfulness, courage.

Orange logoOrange is very blatant and vulgar. It makes you immediately start having feelings.–Wolf Kahn

Orange is the color we find most in autumn, or towards the end of a day. It is vibrant and warm, a bit removed from the passionate and sometimes dangerous nature of red.

Orange has been known to stimulate the appetite.

The telecommunications company of the same name choose orange as its primary color to reflect its youthfulness and zest for life and to illustrate a more carefree attitude.

Black: power, elegance, secrecy, mystery.

batman logoSince the dawn of time we’ve known black as the color of night, a time when darkness shrouds the world in mystery. It is often associated with evil and menace or mourning and death. This is however a purely cultural preference, as the ancient Egyptians used to associate black with life and rebirth, seeing the night more as a gestation period (the sun was reborn every morning).

Black has also come to symbolize power and elegance, popularized in fashion because of its slimming nature.

The colors in Batman’s logo did not come about by accident. It tries to express the menace, the power and the mystery of the dark crusador, while the yellow tries to show the mission of the Batman: one of hope and renewal of the world. In the last 20 years Batman has been portrayed as a more tortured character, and the yellow was often removed from his logo in order to better reflect his menace and moral ambiguity.

White: purity, cleanliness, youth, freshness, peace.

Dove logoWhite…is not a mere absence of colour; it is a shining and affirmative thing, as fierce as red, as definite as black…God paints in many colours; but He never paints so gorgeously, I had almost said so gaudily, as when He paints in white. – G. K. Chesterton

White represents cleanliness, purity, and spirituality. It represents life and marriage in Western cultures, but it represents death in Eastern cultures.

Dove’s branding focuses on using white to appeal to women and promote its main message of cleanliness.

Color tells people who you are

As a brand, one should not underestimate the power of color. Color tells your audience how you perceive yourself. It plays an essential part in your communication strategy and should be chosen with care.

Overview of brands and their color schemes

brand_colors

Share your ideas about branding and color

Use the comments to share some of your thoughts on color and branding, and upload your logos to illustrate how brands make use of colors to communicate their messages.

How to choose the best font for your website?

Wednesday, March 3rd, 2010 by Lorenz

This is the third installment in our Building a Business Website series. In the previous article we explained how to select a web designer. We just wanted to quickly highlight things you should consider when choosing a font for your site, because this an often recurring issue.

Most PC’s or Mac’s will only have a handful of fonts installed. There is little overlap between the default installed fonts on these various systems. Already with many browsers, and increasingly in the future, readers will be able to decide on the fonts they want to view web pages with. With CSS, you can suggest a number of fonts, and cover as many bases as possible. But don’t rely on a font being available regardless of how common it is.

These figures are the cumulative total of about 8 survey submissions per week since January 2003, 2633 total. The Windows applet-based survey was introduced on 21 April and is currently recording the frequency of 281 of the most common Windows fonts.

Most common installed fonts

Jakob Nielsen’s Readability Guidelines for Website Font Size

  1. Do not use absolute font sizes in your style sheets. Code font sizes in relative terms, typically using percentages such as 120% for big text and 90% for small text.
  2. Make your default font size reasonably big (at least 10 point) so that very few users have to resort to manual overrides.
  3. If your site targets senior citizens, use bigger default font sizes (at least 12 point).
  4. If possible, avoid text that’s embedded within a graphic, since style sheets and font size buttons don’t have any effect on graphics. If you must use pictures of text, make sure the font size is especially large (at least 12 point) and that you use high-contrast colors.
  5. Consider adding a button that loads an alternate style sheet with really big font sizes if most of your site’s visitors are senior citizens or low-vision users. Few users know how to find or use the built-in font size feature in current browsers, and adding such a button within your pages will help users easily increase text size. However, because every extra feature takes away from the rest of the page, I don’t recommend such a button for mainstream websites.
  6. Maximize the color contrast between the text and the background (and do not use busy or watermarked background patterns). Despite the fact that low-contrast text further reduces readability, the Web is plagued by gray text these days.

How to choose a web designer

Tuesday, March 2nd, 2010 by Lorenz

Welcome to part 2 in our series on how to create a successful business website. Yesterday we discussed how to choose a domain name, today we’ll look into how to hire a web designer or a web design agency.

Step 1: Searching a Web Designer or Web design firm

  1. Search onlineDo a search online for web designers + your local area. That way, you will find web designers that are local to you and that you can keep accountable. One way of suppressing cost is by looking for foreign website developers, but keep in mind that creating a website is never a one-off job. You will want updates in the future, your web designer will from time to time need to update the security of your site to prevent your site from being hacked, and you might want extra functionality.
  2. Always look at more than one web design company. Do you like the design of their site? Then check out their portfolio. Do you like the style of the work they’ve delivered? Does the work look sufficiently different from site to site? If the answer is no, you are dealing with a company that only can create a generic, ‘one-look fits all’ site. If the answer is yes, you have found a design company that is flexible enough to cater for different needs.

Step 2: Conducting the interview

  1. Web DesignWhen talking to a web design firm, really notice how much they talk about your business. This is a good indicator of what type of partner they will be in the project. If they try to close the sale too hard without showing interest in your business, they will offer little value. Only a firm that wants to know your business intimately will be able to represent your business as it is.
  2. Make sure you ask them if they do all the design work of their websites themselves. Some firms hire outside designers and only take care of the technical side of creating websites. That means that you are dealing with a middle man when it comes to trying to get your site designed, which pushes up cost and Chinese whispers can soon get the better of your project.
  3. Equally, ask them if they did the programming of the websites in their portfolio themselves. If the company doesn’t know how to program a site and hires third party service providers, you might be facing unpleasant surprises that the firm cannot solve easily. Programming a website isn’t that hard for a firm, but managing a third party programmer (usually in India) can lead to a number of accountability issues.
  4. Web design processAsk your web designers for a structured process on how they develop a site, clearly detailing every design phase. It will show you how organized they are. They should be giving your an opportunity for input with every step along the way, otherwise how could you make the site into an accurate representation of your company?
  5. Do they know about SEO? SEO is the art to have your site rank well in the search engines, such as Google, Yahoo and Bing. Your site should be designed with the search engines in mind, so that you can be found online for your products and / or services.
  6. Also ask how you will be invoiced. Never accept a ‘payment up front’ arrangement. Instead, look for a deal where you pay 50% now, 50% after satisfactory delivery of the website. We offer payment terms of 30% at the beginning, 30% midway through and 40% payable 30 days after the website has been launched, giving you every opportunity to spot mistakes in functionality before you have to pay the full sum. It is important that you can agree with your web designer that you don’t have to pay on the day of completion, but that you get plenty of time (a minimum of 14 days) to ‘play’ with the live site to find if there are any glitches. This makes the web designer more accountable.
  7. Ask if they will maintain your site. The more dynamic your site is, the more it will need security updates, in order to make sure that nobody can hack your site. What are their terms, how much will you be charged on a recurring basis?
  8. Ask them if they offer technology that helps you edit your site yourself. You don’t want to have to call your web designer each time you need to update text on your website or each time you want to add an image. You should be offered a simple way to update your website yourself.
  9. Make sure that any contract states that you own the copyright of the look and content of the site and that you own the domain name.
  10. Tell your web designer what your deadline is and what sort of compensation they offer if they go beyond this deadline.

In order to effectively communicate with your web designer, it might be worth understanding more about choosing a font for your website and knowing the psychology of color design for website.

Follow our guide if you want to research how much a web design should cost.

Your website is a crucial part of the success of your business. If you pay attention to the above tips you will find a web designer who will be able to meet your needs and help you make a success of your website and in turn of your business.

If you’d like to talk with us about your website design project, please contact us.