WDD 231: Web Frontend Development I

The Chamber of Commerce Site Plan

Overview

Site and application planning is a critical step in successful software development projects. The website plan provides a blueprint from which to design and develop the project for a chamber of commerce site for a local town or region of your choice.

The purpose of this activity is for you to become familiar with the chamber of commerce website project. You will work on this project as a group in weeks 2 through week 5 of the course, adding content and functionality as the course progresses. Each member of the group will develop their own site.

Instructions

  1. Review prior coursework involving website planning and development.
  2. Ask yourself, and others, about what planning section seemed to be the most helpful when developing the websites.
    • What items changed after addition information was given?
    • What kind of questions should be asked of the client in order to get a clearer purpose of the intent and goal of the website or web application?
  3. Review the Chamber Project Description

Example Site Plan

Use this example site plan to guide your development work for the project. You will be required to build your pages using the layouts and content as illustrated. The wireframes provided here are for the landing page of the site.

Site Name

Timbuktu Chamber of Commerce

Site Purpose

This website will serve as a resource hub for businesses in the city of Timbuktu. The site will provide information on local events, host networking opportunities, create business directories, and encourage local shopping. It aims to promote local economic growth, support local businesses, and foster a sense of community between the businesses.

Target Market

Business owners and patrons in the city of Timbuktu and surrounding areas.

Site Goals

User Personas

Scenarios

SEO Plan

Design Brief

Primary Color #______
Secondary Color#______
Background Color: #______
Text Color #______
Font Family _____________________

You will be selecting your site's color schema and typography.

Site Map

Chamber Site Map

Wireframes

Desktop
Chamber Desktop Wireframe
Mobile
Chamber Mobile Wireframe
Note that you will need to decide upon the some styling considerations such as the color schema that you will use and the typography.