Dan Winter Web Services

Web Site Design, Consulting, and Coaching

Chapter 9. Sketching the Design

Posted by wd4business on November 10, 2008

Ken has looked at other web sites and has a good idea of what he wants his web site to look like. He wants a crisp clean look. He knows that for his target audience, too much technology such as Flash will just get in the way of the reader finding the information they are looking for. Ken likes the clean look of web sites like the Mayo Clinic, many government web sites, or a Bill Gates business venture web site he found. If it is good enough for them, it is good enough for him. He wants his site to include:
  • His business name and tag line in the upper left corner
  • The main navigation links for the web site across the top, next to his business name and tag line
  • A three-column format under the top header. The first column contains a drawing of a golfer. The second column contains content information relating to a specific page. For the home page, this will be Ken’s value proposition. The third column contains the latest news about new products or the golfing industry. Only the home page has the latest news column. Other pages will just have two columns — the drawing and unique content for that page.
  • At the bottom of the page is a bar across the page that contains his address and contact information.
Ken sketches his web site design on a sheet of paper. Now, he needs to determine how he will layout the web page using HTML code. The next step is to break the design down into manageable HTML chunks.  

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>