Chamber of Commerce Site Plan

Site Name: Chilliwack Chamber of Commerce

Chilliwack is a medium sized community in the Fraser Valley of British Columbia, Canada. For the title of the site to be both relevant and searchable including the community name and chamber of commerce is essential.

Site Purpose

The purpose of this site is to connect businesses in the community with other businesses and customers. This is intended as both a marketing tool and a resource for building businesses in the area. This site will service businesses located in Chilliwack, and the surrounding areas such as Geendale, Vedder, and Rosedale. It will also connect with other chamber of commerce sites in the Fraser Valley as businesses, users, and customers in our area can live and work in more then one community. This site will highlight the benefits that the chamber of commerce can bring to individual businesses and point out the benefits of the Chilliwack area.

Scenarios

First Scenario:

The user is looking for a selection of businesses that offer a sepcific service. They navigate to the site from a mobiile device over the course of 2-3 days then go to individual business sites linked through the chamber of commerce site.

Second Scenario:

The user is a business manager looking at alternate and competing businesses current advertising and marketing strategies. They return to the site every 2-4 weeks for reviews of new businesses or updated marketing plans.

Third Scenario:

The user is starting a new business, has registered their business with the city, but has not yet reached out to the chamber of commerce. They are reviewing the site to see the value that the site has for new or established businesses. They are specifically looking at the benefits associated with membership in the chamber of commerce. This user is generally going to connect via a desktop or laptop computer.

Fourth Scenario:

The user is a youn professional looking for a job that needs to be close to home. They will generally connect with a mobile device. Although also using job sites to search for employment, they want to ensure they reach out to businesses that are specific to their field of study even if they are not currently hiring. They want to tailor a resume and cover letter to deliver and be kept on hand until the business may be hiring next.

Fifth Scenario:

This user is doing a business search and has linked to the chamber of commerce site from their mobile device. They are looking for 2-3 different businesses to get a quote for a specific service.

Color Schema

Color Palate

This color palate was created using an image I see everywhere in chilliwack. I do not own the rights to this image as it is the logo of the city of chilliwack, however for this school project it felt most authentic to use something connected with the city. This logo is not used on the Cities Chamber of commerce site, it is used on the municipal website and related services. It is also on all the town's signs.

Color 1: is to be used as background coloring

Color 2: Is to be used to color headers or as border color or as background color

Color 3: Is to be used to color borders or as background color.

Color 4: This will be used as an accent color. Borders for smaller items.

Color 5: This will be used as an accent color. Borders for smaller items.

Color 6: This will be used for text color on light backgrounds and for shadow color when used.

Color 1 Color 2 Color 3 Color 4 Color 5 Color 6
#EDF5F5 #4B8B66 #A5C695 #9BC427 #64B8E1 #333333

Typography

Gabarito 500 Medium

This font will be used for headers and titles on the Commerce Site

Roboto 400 Regular

This will be the primary text font for the body of information on the site.

Roboto 300 Italic

This will be used in the body of information to call attention to something. It will also be used in smaller areas of the site where information needs to be highlighted from the rest of the text.

In considering my font selections, I wanted a slightly different font for the headers then for the body. Although size would be different, I find by changing the font a little bit helps distinguish the different parts of a site. I also thought it important that both fonts be San-Serif for readability and modern design. The third font is a possible, I may use it or I may just use italics on Regular 400.

Wireframe

Desktop View

Wireframe Diagram Desktop View of Chamber of Commerce Site

Mobile View

Wireframe Diagram Mobile View of Chamber of Commerce Site