Basic ecommerce web site design and development – Part 1
Basic ecommerce web site design and development – Part 1
Welcome to Taming the Beast.net and the world of online business!
This 2 part series assumes you have a basic web presence and briefly outlines preparing your web site for online sales and credit card transactions. The articles linked to will then assist you in making a more educated decision before implementing ecommerce software and marketing tools.
Online sales processing using credit card based transactions may not be quite as straightforward as you may think. Many web site owners new to ecommerce are under the impression that they just plug a shopping cart into their site; but a cart is only a part of the whole ecommerce process.
“I don’t want to support online payments”
In case you were thinking about avoiding online credit card transactions to sell your product, think again. The days of ‘send me a check or money order’ are long gone. In the vast majority of cases, customers will want your product, and want it now.
Even if the product or service you are offering is totally unique, you will miss many sales if you don’t implement some form of online credit card processing. But implementing a processing service doesn’t necessarily mean shelling out big dollars up front.
The web site
OK, I’m sure you know this one! The web site acts as the store front for the products and services you wish to sell online. Your site visitors are, for the most part, window shoppers and browsers. A commercial web site’s aim is to convert these browsers into buyers.
The web site should be designed to gently lead the client through the learning and sales process. Your sales text must be grammatically sound and spelled correctly. Poor spelling loses credibility points straight away.
Ensure that there is plenty of well laid out textual content on the site to attract search engines as well as to inform prospective clients. Use keyword and keyphrase rich text; that is, utilize copy that includes common phrases that people would enter into search engines when performing a query. The copy you use shouldn’t just be informational, it needs to actively sell to the site visitor. Learn more about crafting marketing copy and creating effective landing pages.
What search terms are commonly used?
A useful tool in understanding how people are searching is freely available from Google. With Google Insights for Search, you can compare search volume patterns across specific regions, categories, and time frames on particular keywords, finding the most popular terms for a given topic or industry sector.
Attracting search engines and targeted site traffic is a huge ongoing learning curve, and there are plenty of other articles and tools on our site to assist you with this. View our search engine marketing resources or our general promotion archives.
Cross Browser Compatibility
Internet Explorer isn’t the only browser on the market. There are currently over 100 different brands of Internet browser currently available. IE’s major competitor is Firefox and what looks good in Internet Explorer may look terrible or even crash other browsers! Make sure that you design your site to be viewable in at least:
Internet Explorer 5.0+
Firefox 1.0 +
Between these two browsers, you’ll have well over 90% of market covered. By paying attention to even simple things like browser compatibility issues, you will increase your sales.
The use of images
All images used should clearly depict the product/service and where possible, don’t use stock images that come with products such as Photoshop. Seasoned Internet surfers will recognize these as they appear on thousands of sites around the world. Use original photography or scanned images wherever you can, or make use of the many stock photo archives where you can purchase high quality images for as little as a couple of dollars each.
Ensure that you optimize your images for rapid download. Much of the world still does not utilize broadband, and no-one is going to wait around for 2 minutes to see a photo of a “happy customer” or “successful businessperson who uses our product”. All popular graphics packages support compression for web based graphics, usually through easy to use wizards. Try your graphics software program’s help file and search for “optimization” or “compression”.
Images are a wonderful medium to assist in the online sale of your products/services, especially useful to those clients with poor literacy levels or who are in a rush, as we all seem to be these days. But remember, while a picture may be worth a thousand words in the offline world, it’s worth next to nothing when it comes to search engines as spiders do not ‘see’ pictures.
Image HTML coding should also contain ‘alt’ tags. This is a textual representation of the image which is useful for the situations where the image doesn’t load for some reason. Search engines spiders also latch on to this content, especially if the image is linked to another page. ‘alt’ text will also pop up when a visitor moves their mouse over the image. Here’s a sample of html code for an image which also contains ‘alt’ text:
<img border=”0″ src=”../images/iconarticle1.gif” alt=”Article section – Web development, eCommerce and site promotion tutorials and comments – free for reproduction!” width=”50″ height=”50″>
Site navigation should be simple and all the questions a consumer may ask should be answered along the way. Where possible, adhere to the “three click rule” – that is, a visitor should be able to access any information regarding your product or service within 3 clicks of any other area of your web site. Pay close attention to cross-browser compatibility issues as many complex menu systems play havoc with browsers.
Along with the home page, your sales pages and the shopping cart, I recommend implementing the following web pages as part of your ecommerce site:
About Us Page.
The “About Us” page is crucial to boosting consumer confidence. It provides a summary of the business, your commitments and direction.
While we are all protective of our privacy, online business is no different to traditional business in that we all like to ‘put a face to the name’ – we need to reassure our site visitors. When purchasing goods online, I always go to the ‘About Us’ or company profile pages before parting with my money (especially after one bad experience – another story for another time). The page should also provide other contact details for your business and your various registrations, associations and affiliations. View further information relating to “about us” or company profile pages.
FAQ’s (Frequently asked questions)
No doubt you’ll be asked many questions about your product. Many of these questions will be repetitive. It’s these questions and answers that you’ll want to add to your FAQ page. This promotes customer confidence and saves your valuable time. A prospective client may be somewhat hesitant in asking questions and this hesitancy may translate into a lost sale. A well constructed FAQ will help coax these online customers into purchasing.
You don’t need to spend a lot of money on a basic FAQ system. Simply list the questions at the beginning of the FAQ in dot-point format, perhaps broken down into various categories to make searching easier. Each of these questions should be directly linked to the answer further down the page with the use of bookmarks. This basic design also allows for scalability.
You can link to the FAQ not only through the main menu system, but after every “buy me” type statement. The FAQ should be accessible within one click of any other area of your web site that is dedicated to selling the product or service.
A dollar value can not be placed upon positive client testimonials; this is some of the best promotional copy around. Elicit feedback from your current customers and ask their permission to publish their comments on your site.
Testimonials can be implemented on a page of their own, or interspersed between your own statements regarding the product. If you do implement a Testimonials page, ensure that it can be accessed with one click from any other page on the site.
Ideally the link or button should be placed on your web site navigational menu, preferable at the top.
If you don’t have any testimonials or referees, it may be worthwhile considering supplying a select group of people with the product free of charge for testing and feedback purposes. Learn more about usingtestimonials and reviews in marketing.
In our second part of this series, we’ll cover other pre-sales services worth considering as part of your online sales pitch. Also included is some introductory information about ordering processes and ecommerce components. View part 2 of Basic ecommerce web site design and development..
Related learning resources:
Taming the Beast
Tutorials, web content, tools and software.
Web Marketing, Internet Development & Ecommerce Resources
In the interests of transparency and disclosure, please note that the owner of Taming the Beast.net often receives goods and services mentioned in reviews for free, or may receive payments or affiliate commissions for advertising or referring others to merchants of products and services reviewed.
Copyright information…. This article is free for reproduction but must be reproduced in its entirety, along with live links & this copyright statement must be included. Visit http://www.tamingthebeast.net for free Internet marketing and web development articles, tutorials and tools! Subscribe for free to our popular ecommerce/web design ezine!