Tips on building a winning KISS website ~ Part One
JP's Most Important E-commerce Web Design Tips
Design ~ Diagram Examples Page 2 of 2
 
Draw page templates on paper first.

Site TEMPLATE ~ Example Diagrams
What do you want your site to look like?
 
1. Once you decide on a look, be faithful to the design from page to page.
There is nothing worse then clicking on a page link, and going to page that looks nothing like the site you thought you were on. Then wondering if you made the mistake of transporting into some other site.
 
2. Keep it simple, if a site is too visually busy or slow loading, most viewers move on to another store. Yes pretty is pleasing, but messy is not.
 
3. If you start with nestled tables continue with them from page to page and changing the components with in the inner most tables to convey your message or products.
 
4. Keep your page templates true to your design, practical, straightforward, uncontaminated, and well thought-out.
 
5. Keep in mind that there are lots of free templates available online. PCC offers free templates too.


TEMPLATE EXAMPLES

Nested Table with Two Columns for your sites pages:
 

THE CRAFT SHOP
The Craft Shop offers a wide variety handcrafted gifts for all occasions.
 
 

Shop
MENU HERE

Your Shop Logo or Photo Here

Dolls that make you smile, Quilts that keep you cozy, Candles scents that create the essence of the moment, personalized gifts for children of all ages, and specialty gifts to please even the most discerning individual.

YOUR COPYRIGHT INFORMATION ©


Multiple Tables for your sites product pages:
 

YOUR SITE NAME HERE

Contact Us Products How To Shop

Company info here

 

Footer information and copyright information


Using Nestled Tables for your site pages: Use graphic background tables sparingly.
 

YOUR SITE NAME HERE
 

MENU HERE
  

PRODUCTS

Angels
Bears
Cows

COMPANY
INFORMATION

Email Us
Policies
How To Shop
 

Product Category ~ Angels

Product Information:
Product Id:

Product Photo Here


Product Information:
Product Id:

Product Here


Product Information:
Product Id:

Product Here

 

YOUR COPYRIGHT INFORMATION ©



"The only way to grow competently is to share knowledge."  Kind regards, JP
November 2005 PCC Graphics and Website Design ©