Questions? Just Ask!

HomeHome Business ResourcesHome Business StartupJob CenterArticles and AdviceHome Business Services

Home Based Business Ideas and Tools from homebiztools.com

Home > Start-Up > E-Biz Tutorial > Planning

Pre-planning Your Site
A great website begins with a plan

Tutorial 5: Pre-Planning Your SiteBuilding a great site requires preparation. By laying out the basic framework for your site, you can avoid many mistakes and oversights. This preparation helps you to focus on your goals, and it helps you build a site which is truly beneficial for your visitors.


The Basics


Visitors to your site will decide whether or not to stay and browse your site depending on how well you answer the following questions:

Who are you?
What is your site about?
What do you have for me?
Why should I stay and browse your site?

Answer these questions in the first fold of your home page. Write these four questions down and keep them in the forefront as you design your site. People don't like confusion and will click out of your site without hesitation if you aren't clear.


Your #1 Goal

Your top priority is to build a site with real visitor benefits. People are more likely to stay at your site, and bookmark it for future visits, if you offer something of value. People will perceive value in your site by doing the following:

Clearly and boldly state your main benefit in the top right portion of your web page. Be careful not to confuse a benefit with a feature. A feature describes what something is, while a benefit tells what your product or service will do for the visitor. People buy the benefit produced by a feature.

A benefit is impersonal and cold until your visitors can visualize themselves enjoying it. Describe the uses of your benefit in ways that connect them to the pleasure of using it. For instance:

"This bread maker will fill your home with the delicious and warm aroma of home-made bread just like grandma used to make - without the mess and in half the time."

Make it easy for people to get the benefit and prompt them to take action. You do this by giving them several different methods of getting your product or service - mail in their order, order online, order by fax, etc. Ease their fears of taking action with a lifetime money-back guarantee. To encourage immediate action you can offer a special price if they order by a specified deadline, or offer valuable freebies related to your product.


Designing Your Site

Now it's time to actually plot out the physical design of your site. This is where you will decide on the look and functional aspects of your site. Do this on paper first and use it as a guide when building your site on your computer.

Use a Consistent Design

Design your pages with a consistent theme. The layout, colors, and navigation should not vary greatly. Try not to crowd your pages with too many graphics and bright colors. Use lots of white space as a component of your site and you'll avoid a confusing 'busy' look.

Navigation

Decide on a navigational structure that is consistent  throughout your site. You want to make it easy for people to find what they're looking for no matter where they are within your site. Decide on a set of navigation links for your web pages that point to the major areas of your site.

While not a hard and fast rule, you generally want  to prevent visitors from having to use their browser's Back button to pull up previously viewed pages. For a large site this is not always possible, so a good method is to provide a hierarchical 'You Are Here' set of links which shows the placement of a page within your site.

An exception to this would be if you are wanting to lead your visitor into making just one response. This is called the Most Wanted Response. For instance, if your Most Wanted Response is to get your visitor to subscribe to your newsletter, your page would consist of benefit-laden copy that induces a mouse click to just one page: your subscribe page.

Color

Decide on the main colors you'll use throughout your site. A good place that can help you choose colors is PageResouce.

Another good tool is the ColorPicker. This cool little app lets you easily copy the RGB hex code from web pages. Very handy when you find a color on another site that you want to use on your site.

Functional Tools

Now you can decide on the finer points within your site. Things such as forms, graphics, special effects, optimizing your site for search engines, and tracking the performance of your site. These resources will be helpful as you move your site from paper to your computer.

Create forms, polls, and surveys for your site
http://www.pollit.com/

Create logos
http://www.coolarchive.com/logogen.cfm

Create Buttons and Bullets
http://www.cooltext.com

Find graphics for your site
http://1000websitetools.jmwebdesigns.com/
http://www.iconbazaar.com/
http://www.clipart.com/

Reduce load time of graphics
http://www.netmechanic.com

Add Search to Your Site
http://www.atomz.com

Create effects with Javascript
http://javascript.internet.com/

Produce META tags for your site
http://www.metatagbuilder.com/

Website analyzing software (requires setup)
http://www.netiq.com/
http://www.accessprobe.com

Website analyzing (third party)
http://www.webtrendslive.com
http://www.webstat.com

Using CGI on your site (tutorial and free scripts)
http://www.cgi101.com


In conclusion, all this preparation is well worth the effort. You'll find that your head-scratching time is minimized and an attractive, professional site is the result. A good thing for you and for all your visitors.

 

Click here for next tutorial...


Tutorial Contents

 

 

Newsletter Subscription
Real-world, common sense strategies for small and home based business success. Your issues... real answers.

Your Email:

First Name:


Your email address is safe. Our Privacy policy.

  start-up help...

How should you structure your business? Find out...

What regulations should you be aware of? Find out...
How do you get funding for your business? Find out...
Visit the Business Directory for more start-up help.

resources...

Site Colors
PageResource
ColorPicker

Forms, Polls, Surveys
Pollit

Site Maintenance Tools
NetMechanic

Add Search to Your Site
AtomZ

Create Effects with Javascript
Javascript Internet

Produce Meta Tags For Your Site
MetaBuilder

CGI Tutorial and Scripts
CGI101