Download Web Site Assignment Instructions and Marking Scheme

MGMT 230 WEB SITE PROJECT (INDIVIDUAL ASSIGNMENT)
This assignment will be submitted in two parts. Part 1 will consist of written website planning and design
documentation for a small website (6 web pages) for a business or non-profit organization. Part 2 will consist of
the development and production of the website itself using WordPress. Students will work individually.
Marks are allocated as follows:
Part 1 – Website planning and design documentation
20%
Part 2 – Website production
15%
Total
35%
Due by: Monday, October
31st no later than 4:30pm via
email
Due by: Friday, December
2nd no later than 4:30pm –
via email
Before you start the website project:
Choose a business or non-profit organization for which you would like to design and construct a simple website
with 6 html pages. This can be a real or a fictitious business or organization. You must get approval for your
choice from me by email before beginning your project.
PART 1 – WEBSITE PLANNING AND DESIGN DOCUMENTATION.
DUE DATE: By Monday, October 31st no later than 4:30pm via email
Your objective for this part of the assignment is to produce a set of planning and design documents that will be
used to guide the actual production of your website. Labs, lectures, and required readings will provide you with
the material you need to complete this part of the assignment.
You will refer to your planning and design document throughout the production phase as you build your site,
so plan as carefully and realistically as possible.
PLAN STRUCTURE:
Your plan must include the following sections:
SECTION 1: Goals, target audience, business model, and competitors
1. A very brief description of the business or organization for which you are creating the website (where it
is located, what it does, number of employees, how long in business etc). Include a sentence to explain
the overall business purpose of your website.
2. A description of the target audience(s) for the site (demographics, psychographics etc)
3. A detailed user profile of at least one member of your target audience (see example in class notes)
1
4. A list of at least 10 SMART goals for the website and the criteria that you will use to measure success.
Ask yourself "what do I want people to do on the site?"
Use the following table format:
Web site goal
Success criteria
Time Frame
(start date –
end date)
Important Note: The site must be designed so that these goals can be met.
5. The domain name and top level domain(s) that you would choose for your site. These MUST be
available on the date that you choose them (although they may have been registered by the time I
mark your plan). Include a screen shot as evidence that the domains were available. Explain what the
most important factors were that you took into account in selecting this name and top level domain(s).
6. An explanation of how you will generate revenue from the site to support your online activity. If there
is no direct revenue from the site, explain how you will justify the expenditure on building and
maintaining the site in terms of organizational cost savings, lead generation etc.
7. A brief overview of the web presence and web strategy of two competitors, including URLs.
SECTION 2: Information architecture, page layout etc
1. A site map for the site showing how the six web pages will link together. (See sample provided on the
course website)
2.
“Wireframes” or diagrams of each of the six web pages that will be in your website, (these can be
produced in Microsoft Word, or a diagramming program of your choice). These will act as the blueprints
from which you will build your site. (See sample provided on the course website)
Each diagram should show:
a. The layout (main content area, sidebar etc) for each of the 6 pages in your site. (Use your
chosen WordPress Theme Options to find this information).
b. The position of the navigation menu (for your chosen WordPress theme), and the content of
the navigation labels.
c. The headings and subheadings for different areas of the pages.
d. The positioning of the textual contents of each area of the pages and an indication of what the
text will be about in each area (do not include the actual text itself).
e. The location, names, and URLs of hypertext links to (at least) two external sites (select
appropriate sites that would be of interest to your site visitors or add value in some way).
2
f.
The location, name, size, and URL of at least one video that will be embedded in a page (the
video must provide appropriate content for your site).
g. The position of each image on the page, the filename, the image size (width and height) in
pixels, and a description of what the image shows (this will be the same as the contents of the
alt tag). Each page must include at least one image or video (in addition to banner images).
h. Web form: One of the six pages must include a form so that you can collect information from
your visitors. Include the text that will be on the page that explains what the form is for, show
the different form elements text boxes, radio buttons etc) that you will use (you must include
at least 3 different types), and the labels and hints that you will use for your form. (When you
build your site you will use Google Docs to create the form, and embed it into your WordPress
page).
SECTION 3: Design “Look and feel” and usability
1. Details of the site concept (what “image” will the site portray to its target audience?)
2. The name, and a screenshot of the WordPress theme preview that you have chosen. Explain the reasons
you chose that particular theme.
3. Screenshots (not printouts) of the home page from 2 sites from a similar industry or sector that you feel
represent good web design. Explain why these are effective web sites.
SECTION 4: Site content – text and images
You should obtain and organize the content of your site during the planning stage so that it is ready for when
you begin the actual site development. The content will consist of text, images, and a YouTube video.
1. Include in your plan a short paragraph explaining how, when, and where you will obtain the content for
your site. Be specific.
2. Image information.
Include information about all of your images in a 5-column table. In the first column list the filename and
extension of the image, in the second column indicate its width and height in pixels, in the third column
indicate which page it will be on, and in the fourth column write a description of what the image shows
(the same wording as you will use for the image alt tag in WordPress). The final column should include a
link to the source of the image (if you hold the copyright to the image yourself, or have permission to use
the image, then this is not necessary).
Filename &
extension
Width x Height
(pixels)
Title of page in
site
Image description
Image source
(link)
3. Video information
Include information about your video(s) in a 4-column table as follows:
3
Title and author of
video
Width x Height (pixels)
Title of page in site
Video source (link)
4. Search Engine Optimization
Include information about your SEO "keywords/phrases" in a two column table. In the first column list
the title of the page and in the second column write the keywords / phrases that the page is optimized
for. Think about what people might type into a search engine to find a page with that type of content those are your keywords / phrases. You will include these keywords / phrases in headings,
subheadings, and in the text itself when you write your page copy.
Title of page in site
Keywords / phrases
Planning and Design Document Format



Arial font size 11 (or similar) with 1.5 line spacing for the written section.
Use numbered sections and subsections (eg. 1.1, 1.2, 2.1 etc), bullet points, and tabular data as
appropriate.
Professional/business writing style (third person, without grammatical and spelling errors)
PART 2 – WEBSITE PRODUCTION
DUE DATE: By Friday, December 2nd no later than 4:30pm – via email
Part 2 will consist of the development and production of the website itself using WordPress. The website must
include all the elements shown in your plan, as indicated above. The more detail you include in your
wireframes/blueprints and in the tables with image size etc, the more time you will save when building your
site.
Specific notes re page content:



Home page – create content that you think will be appealing to your target audience and will help to
draw them into other areas of your site.
Tell your prospective clients about your business and the services it has to offer in a persuasive
manner. Aim for credibility and authority.
Contact Us page – make sure to include all the elements that we discussed in class about what makes a
good contact page.
4
MGMT 230 WEBSITE PROJECT (INDIVIDUAL ASSIGNMENT)
PART 1 – WEBSITE PLANNING AND DESIGN DOCUMENTATION – MARKING SCHEME
Marks
available
Section 1: Goals, target audience, business model, and competitors
A brief description of the business or organization for which you are creating the
website.
2
A description of the target audience(s) for the site (demographics, psychographics etc)
4
A detailed user profile of at least one member of your target audience.
2
A list of at least 10 SMART web site goals.
8
The domain name and top level domain(s) that you would choose for your site and an
explanation of why you chose it.
5
An explanation of how you will generate revenue from the site to support your online
activity, or otherwise justify the expenditure in terms of cost savings, sales leads etc
2
A brief overview of the web presence of two competitors, including URLs.
3
Section 2: Information architecture, page layout etc
A site map for the site showing how the pages will link together.
1
“Wireframes” or diagrams of each of the six pages that will be in your website
16
Section 3: Design “Look and feel” and usability
Details of the site concept
1
The name, and a screenshot of the WordPress theme preview that you have chosen.
The reasons why you chose that particular theme.
2
Screenshots (not printouts) of the home page from 2 sites from a similar industry or
sector that you feel represent good web design. An explanation of why these are
effective web sites that demonstrates knowledge of the factors involved in user-centred
web site design.
4
Section 4: Site content – text and images
A short paragraph explaining how, when, and from whom you will obtain the content
for your site.
1
Information about your images and video in a table
5
Information about your "keywords" in a two column table
4
TOTAL (Worth 20% of the total grade for the course)
60
Mark
assigned
5
PART 2 – WEBSITE PRODUCTION – MARKING SCHEME
General look and feel / navigation. Fit with goals and
target audience
Mark available
12
Form - at least 3 form elements, labels, relevant
usability hints and good explanation of purpose of
form
5
All "Blog" elements removed from WordPress in
accordance with instructions
4
Navigation bar correctly created and organized in
accordance with plan
5
Required images, with relevant alt tags
5
Required embedded video
2
Required external links
2
TOTAL (Worth 15% of the total grade for the course)
35
Mark given
6