![70 points
Project Plan
Plan the website for your project by completing the attached
Project Plan Template for your website.
· Any italicized text in between < > should be replaced by
your own words. (e.g., <site name> is replaced by
GoDaddy.com)
· Text in square brackets (e.g., [ ]) are instructions for you
to follow and should be deleted from the final document.
· ... means add additional items as needed.
· Drawing such as storyboards and wireframes can be drawn
by hand or software and embedded in the document or submitted
as a separate file.
Upload your completed project plan to Blackboard by the date
specified below.
Task
Point Value
Purpose Statement
5 points
Target Audience Profile
5 points
Wants, Needs, and Expectations
5 points
Web Pages w/Storyboards
5 points
Value Added Content
5 points](https://image.slidesharecdn.com/webprojectwebsiteconsistencywithwebdesignsiteplanyou-221109050216-4cd293ca/85/Web-project-Web-SiteConsistency-with-Web-Design-Site-PlanYou-docx-5-320.jpg)
![Site Structure w/Wireframe
5 points
Total Point Value
30 points
<Site Name>
Site Plan
Purpose Statement
[The purpose statement synthesizes into a few words the
reason(s) you are publishing a site and explains a Web sites
overall goals and specific objective designed to achieve those
goals]
The goal of the <sitename>…
In order to accomplish this, the site must:
· <Goal 1>
· <Goal 2>
· …
To meet these goals an attractive and easy-to-use Web site to
meet the following objectives:
· <Objective 1>
· <Objective 2>
· …
Target Audience Profile
[The target audience profile should describe the demographic
and psychographic characteristics of the target audience such as
gender, age group, education level, income, location, social
group affiliations, lifestyle choices, purchasing preferences,](https://image.slidesharecdn.com/webprojectwebsiteconsistencywithwebdesignsiteplanyou-221109050216-4cd293ca/85/Web-project-Web-SiteConsistency-with-Web-Design-Site-PlanYou-docx-6-320.jpg)
![political, affiliations.]
The typical site visitor:
· <Characteristic 1>
· < Characteristic 2>
· …
Target Audience Wants, Needs, and Expectations
[The target audience profile should describe the wants, needs,
and expectations of the target audience.]
The typical site visitor:
· <Want, Need, Expectation 1>
· < Want, Need, Expectation 2>
· …
Web Pages
The <site name> site will contain the following page types:
[Include a storyboard showing the layout for each page; this can
be attached as a separate file.]
· <Page 1 description>
· < Page 2 description >
· …
Value-Added Content
[Value-added content is the information that is relative,
informative, and timely; accurate and of high quality; and
usable.]
The site’s value-added content will include the following:
· <Page 1 description>
· < Page 2 description >
· …
Site Structure
[The site’s structure should support the site’s purpose and make
it easy for visitor’s to find what they want in as few clicks a
possible.]
The <site name> site will utilize a <random | hierarchical|
Linear> structure. This structure was selected because… <why
did you select this type of structure?>
[Include a wireframe of your website’s structure and
organization; this can be attached as a separate file.]](https://image.slidesharecdn.com/webprojectwebsiteconsistencywithwebdesignsiteplanyou-221109050216-4cd293ca/85/Web-project-Web-SiteConsistency-with-Web-Design-Site-PlanYou-docx-7-320.jpg)
Web project – Web SiteConsistency with Web Design Site PlanYou.docx
- 1. Web project – Web Site Consistency with Web Design Site Plan Your website should follow and include all of the elements described in the Web Design Site Plan you submitted earlier in the semester. Your website will be judged against each of the criteria in the site plan to determine how well you followed your plan. Site Design/Look and Feel Throughout the semester we have discussed different elements of web design. You will be evaluated on your use of the following design elements as well as the over look, feel, and design of your site: · Visual identity · Consistency/Unity of Design · White Space · Focal Points · Contrast · Font selection · Ease of Reading · Ease of Scanning · Ease of Navigation · Chunked Text Web Site Construction Website should include a homepage and at least 4 child pages including the About page. Every page must include: · title · Spry based navigation bar with links to each page · Banner (see below) Homepage The homepage should be named index.html. The homepage must include appropriate keywords and a description of your site. The homepage should display the name of your business, its logo (see below), and a description of your business. The home
- 2. page should create a visual identity for your website. About page This page should include your name, a working email link to allow me to send you an email, class name, number, class meeting time and place, the last date you updated the web site, a description of your website, the target audience, and a link to the document containing your storyboard or the storyboard images themselves. Other Elements Your website must include at least 1 of each of the following: · Table · Internal link to another page in your site (in addition to the navigation bar) · External link · Image map · Ordered list · Unordered list · Background image · Flash Animation (See advertisement below) Your site should include at least 4 images in the content (see imagery above). All pictures should be neatly aligned with the text and must have alternate text. Use CSS to create styles (must have at least 2) in an external style sheet (.css) that give your website a uniform look and feel. You may use the C pre-designed CSS page layouts with your own CSS styles. Your website should be neat, well organized, easy to read, and pleasing to the eye. Review · Use only web safe colors · Check for broken links and orphaned files · Check spelling · Test your website using Mozilla Firefox version 15.0.1 or later Imagery Focal Point
- 3. Use Adobe Photoshop to create a collage showing off the main theme of your site. This image should be placed on the homepage in a way to draw the viewer’s eye. The collage must include one image as a background layer and at least 4 additional images related to the main theme of your site. While the focal point will not be judged on artistically, the combined images should be as neat and clean as possible. Banner Create a Banner for your web pages using Photoshop. The Banner should and include both text and images. It should be sized appropriately for your site. Other Images Add text to at least 4 other images to the content of your website. Flash Animation Create a short animated advertisement using Adobe Flash in which the name of your site and/or logo of your site is animated and appears from off stage (use motion or classic tweening). A list of services or other information about your site should then appear (use motion, classic, or text animation). Feel free to add sound or other elements to make your advertisement stand out. Optional: At the end of the movie a 'Replay' button should appear. When clicked, it should start the advertisement over from the beginning. In addition, the replay button must support Up, Over, Down, and Hit states. (5 bonus points) The individual elements of your animation should be appropriately organized into layers. The flash movie must then be included on one of your site's web pages. Submission Files to be turned in: All files necessary to view the webpage (html, swf, image, etc.) Flash (.fla) movie files for all flash animations Dreamweaver site definition file for your website Zip File: Zip all of the files into a file named: <Your Name>_WebProject.zip and uploaded to Blackboard.
- 4. Publishing: The final web site should be published to and publically viewable from your NOVA student account. Presentation During the last class before the Final Exam, you will present your website to the class. You will first give the class a brief overview of your Web Site Design Plan being sure to describe your site purpose, goals, and target audience. Walk the class through the site starting with the homepage. Explain why you chose the structure and navigation schemes that you did. Finally play your Flash Animation for the class. Your presentation should be no longer than 7 minutes. Grading Rubric The assignment will be graded as follows. Task Points Consistency with Web Design Site Plan 10 points Design/Look and Feel 15 points Web Site Construction 20 points Flash Animation 10 points Imagery 10 points Presentation 5 points Total Point Value
- 5. 70 points Project Plan Plan the website for your project by completing the attached Project Plan Template for your website. · Any italicized text in between < > should be replaced by your own words. (e.g., <site name> is replaced by GoDaddy.com) · Text in square brackets (e.g., [ ]) are instructions for you to follow and should be deleted from the final document. · ... means add additional items as needed. · Drawing such as storyboards and wireframes can be drawn by hand or software and embedded in the document or submitted as a separate file. Upload your completed project plan to Blackboard by the date specified below. Task Point Value Purpose Statement 5 points Target Audience Profile 5 points Wants, Needs, and Expectations 5 points Web Pages w/Storyboards 5 points Value Added Content 5 points
- 6. Site Structure w/Wireframe 5 points Total Point Value 30 points <Site Name> Site Plan Purpose Statement [The purpose statement synthesizes into a few words the reason(s) you are publishing a site and explains a Web sites overall goals and specific objective designed to achieve those goals] The goal of the <sitename>… In order to accomplish this, the site must: · <Goal 1> · <Goal 2> · … To meet these goals an attractive and easy-to-use Web site to meet the following objectives: · <Objective 1> · <Objective 2> · … Target Audience Profile [The target audience profile should describe the demographic and psychographic characteristics of the target audience such as gender, age group, education level, income, location, social group affiliations, lifestyle choices, purchasing preferences,
- 7. political, affiliations.] The typical site visitor: · <Characteristic 1> · < Characteristic 2> · … Target Audience Wants, Needs, and Expectations [The target audience profile should describe the wants, needs, and expectations of the target audience.] The typical site visitor: · <Want, Need, Expectation 1> · < Want, Need, Expectation 2> · … Web Pages The <site name> site will contain the following page types: [Include a storyboard showing the layout for each page; this can be attached as a separate file.] · <Page 1 description> · < Page 2 description > · … Value-Added Content [Value-added content is the information that is relative, informative, and timely; accurate and of high quality; and usable.] The site’s value-added content will include the following: · <Page 1 description> · < Page 2 description > · … Site Structure [The site’s structure should support the site’s purpose and make it easy for visitor’s to find what they want in as few clicks a possible.] The <site name> site will utilize a <random | hierarchical| Linear> structure. This structure was selected because… <why did you select this type of structure?> [Include a wireframe of your website’s structure and organization; this can be attached as a separate file.]