Hi…. I have attached the project description, one sample project and one template that you can use for my project. I chose a commercial company website so the project title would be ” Commercial Com

Hi…. I have attached the project description, one sample project and one template that you can use for my project. I chose a commercial company website so the project title would be ” Commercial Com
Storyboard Template for Multimedia Product Development Client Name: Project Title: Last Update: Name of Designer: Panel/Page ID: Panel/Page/Frame No: Description of Copy text: User Interactions: Hyper Links: Audio inclusion and controls: Video inclusion and controls: Color specifications: Panel Layout
Hi…. I have attached the project description, one sample project and one template that you can use for my project. I chose a commercial company website so the project title would be ” Commercial Com
IT213 Lecture: Project #2 Flowchart and Storyboard (10% of Final Grade) I. Purpose The purpose of Flowchart and Storyboard assignment is to formally document the interaction design for the Website that you will create at the end of this semester. The flowchart and storyboard document is a major deliverable of the design phase of the Web development process. The document should demonstrate attention to detail and accurately reflect the intended design of your Website. II. Steps Review the example Flowchart and Storyboard documents (template and examples) on Blackboard (in the “Project 2” folder) to gain an understanding of the format and content for these documents. Be sure to study both the template and the completed documents. Using the project company type that you wrote about in your Review Paper (Project #1), pick a fictional company that you will use to create your own Website. For example, if you wrote about a Non-Profit organization then your fictional Website should be a Non-Profit organization. Consider the design of Websites that you researched, and use your own creativity and multimedia design knowledge to envision the design and interaction for your own fictional Website. Once you have an idea about the type of Website that you want to design, you will formally document your design for this assignment. Using the template and examples provided on Blackboard (in the “Project 2” folder), develop a flowchart and storyboard for your fictional Website. It will be a single MS Word document containing the flowchart and storyboard for your Website as follows: The first page of your document will be the flowchart of your Website. The Home page of your Website should be based on a responsive web design (RWD), so the layout and content adjust according to different device and screen sizes, i.e., desktop (769px~1232px), tablet (481px~768px), and mobile (480px and below). The rest of the document will be your storyboards. There will be three storyboard pages for the Home page (i.e., desktop, tablet, and mobile) and one storyboard page for every other Web page in your Website. Your Website will have a minimum of 8 pages; therefore, there will be a minimum of 10 storyboard pages in your document (in addition to one page for your flowchart). One of the pages of your Website will be a Site Map (see https://cos.gmu.edu/sitemap/ for an example of a Site Map). Your site should include a location for a logo (Project #3) as well as a 20-second animation commercial (Project #4) which is no larger than 800×600 and delivers some message about your organization. These will be designed in later projects; for now, just make sure you identify where they will go. Your site should include a navigation bar/menu/tab with rollover buttons/links, which can be graphical, link or CSS-based. You will define all font information and color specifications to be used on each page of your Website by specifying the hexadecimal code or illustrating the actual color in your storyboard. Use of FRAMES is not permitted! Submit your completed Reviews via Blackboard using the Assignments Tool (“Course Tools”  “Assignments” follow the “Project 2: Storyboard” link). Note: This storyboard will be used to grade your final project to insure that you have followed what you stated. Overall, the Storyboard will be one page for the flowchart and at least eight pages of storyboard, for a minimum of thirteen pages in total.   III. Grading Description Points Flowchart and storyboard is submitted as a single MS Word document. Flowchart is the first page, followed by a minimum of 10 storyboard pages. Document includes three storyboards for the Home page (i.e., desktop, tablet, mobile) Document includes a Site Map. Flowchart follows the sample and guidelines documents. Header Information: All fields are complete and accurate for all storyboard pages Client Name – provide the Company Name here Project Title – “Company Website” or some other meaningful name Last Update – date of last update Name of Designer – your name Panel/Page ID – name of HTML file (e.g., “SiteMap.html”) Panel/Page/Frame No – Descriptive name of Web page (e.g., “Site Map”) Copy Text: Copy Text field is complete and descriptive. Section is clearly written and free of spelling and grammatical errors. Font information and color specifications are included. Fonts are not too large or too small. User Interactions: User Interactions field provides descriptive details of the navigation for the Website. Hyperlinks: All appropriate hyperlinks are listed for each page. The hyperlinks should include all button and text hyperlinks that are shown in the Panel Layout. Audio/Video Inclusion Controls: If appropriate, specify any audio/video elements. If none needed, the field should indicate “None”. Color specifications: Colors are specified in the hexadecimal code or illustrated the in the Panel Layout section. Colors are aesthetically balanced and provide good contrast. Panel Layout: The Panel Layout section conveys the look and feel of the Website through a visually detailed mock-up of each screen TOTAL 25 Note: If you do not satisfy all the requirements for this assignment, you will still need to make sure that you satisfy the requirements for the final Website project. For example, if you omit the Site Map in your storyboard, you will lose point again if the Site Map is missing in your final Website. 3
Hi…. I have attached the project description, one sample project and one template that you can use for my project. I chose a commercial company website so the project title would be ” Commercial Com
Project 2 – Website Storyboard & FlowchartStart Organic Non-Profit Organization of North California Home Contact us Ways tohelp Donate Impact Report About us Site Map Resources Donate Crypto Donate Stock Awards TrainingCenter Events 2019 report Fundraise Give Monthly Donate Today 2018 report 2017 report 2016 report Email: [email protected] LEGEND: First Level: Main pageSecond Level: Third Level: NOTE: Every webpage throughout the website is linked to second level pages and Main page. Storyboard Template for Multimedia Product Development Client Name: StartOrganic.com Project Title: Non-profit Organization Website Last Update: June 19, 2019 Name of Designer: Rohba Zahid Panel/Page ID:Index.html Panel/Page/Frame No: Welcome to Start Organic. Description of Copy text: Start Organic Text: Welcome to Start Organic, Let’s start blending with nature. Font: Times New Roman, Times, serif Font size: 24,12Font Color: Black, Blue User Interactions: Navigation buttons are on the left sidebar, link to the homepage and all second-level pages.Flash animation with user-controlled button. Play button to start playing animation to the end. Hyper Links: Index.html [email protected]contactus.htmlDonate.htmlImpactReport.htmlResources.htmlWaystohelp.htmlSitemap.htmlAboutus.html Audio inclusion and controls: None Video inclusion and controls: None Color specifications: Page Background: white, grey whiteNavigation: Grey white(sidebar); Blue (buttons); White Grey white (background)Body: Black/Blue (text); (White Background)Heading/Footers: Black (text); Green (background)Hyperlink/visited Link: Blue Panel Layout Desktop RWD (Responsive web Design) TAB Mobile Storyboard Template for Multimedia Product Development Client Name: StartOrganic.com Project Title: Non-profit Organization Website Last Update: June 19, 2019 Name of Designer: Rohba Zahid Panel/Page ID: impactreport.html Panel/Page/Frame No: Impact Report. Description of Copy text: Impact Report Text : Reports Year-WiseFont: Times New Roman, Times, serif Font size: 24,12Font Color: Black, Blue User Interactions: Navigation buttons are on the left sidebar, link to the homepage and all second-level pages. Hyper Links: Index.html [email protected]contactus.htmlDonate.html Report2019.pdfImpactReport.html Report2018.pdfResources.html Report2017.pdfWaystohelp.html Report2016.pdfSitemap.htmlAboutus.html Audio inclusion and controls: None Video inclusion and controls: None Color specifications: Page Background: white, grey whiteNavigation: Grey white(sidebar); Blue (buttons); White Grey white (background)Body: Black/Blue (text); (White Background)Heading/Footers: Black (text); Green (background)Hyperlink/visited Link: Blue Panel Layout Storyboard Template for Multimedia Product Development Client Name: StartOrganic.com Project Title: Non-profit Organization Website Last Update: June 19, 2019 Name of Designer: Rohba Zahid Panel/Page ID:resources.html Panel/Page/Frame No: Resources Description of Copy text: Resources Text: Awards, Training center, EventsFont: Times New Roman, Times, serif Font size: 24,12Font Color: Black, Blue User Interactions: Navigation buttons are on the left sidebar, link to the homepage and all second-level pages. Hyper Links: Index.html [email protected]contactus.html Donate.html Awards.pdfImpactReport.html TrainingCenter.htmlResources.html Events.htmlWaystohelp.htmlSitemap.htmlAboutus.html Audio inclusion and controls: None Video inclusion and controls: None Color specifications: Page Background: white, grey whiteNavigation: Grey white(sidebar); Blue (buttons); White Grey white (background)Body: Black/Blue (text); (White Background)Heading/Footers: Black (text); Green (background)Hyperlink/visited Link: Blue Panel Layout Storyboard Template for Multimedia Product Development Client Name: StartOrganic.com Project Title: Non-profit Organization Website Last Update: June 19, 2019 Name of Designer: Rohba Zahid Panel/Page ID:waystohelp.html Panel/Page/Frame No: Ways To Help. Description of Copy text: Ways To Help Text: Donate Stock, Donate Crypto Font: Times New Roman, Times, serif Font size: 24,12Font Color: Black, Blue User Interactions: Navigation buttons are on the left sidebar, link to the homepage and all second-level pages. Hyper Links: Index.html [email protected]contactus.html Donate.html Stock.htmlImpactReport.html Donatecrypto.htmlResources.htmlWaystohelp.htmlSitemap.htmlAboutus.html Audio inclusion and controls: None Video inclusion and controls: None Color specifications: Page Background: white, grey whiteNavigation: Grey white(sidebar); Blue (buttons); White Grey white (background)Body: Black/Blue (text); (White Background)Heading/Footers: Black (text); Green (background)Hyperlink/visited Link: Blue Panel Layout Storyboard Template for Multimedia Product Development Client Name: StartOrganic.com Project Title: Non-profit Organization Website Last Update: June 19, 2019 Name of Designer: Rohba Zahid Panel/Page ID:donate.html Panel/Page/Frame No: Donate. Description of Copy text: Donate Text: Donate today, Give Monthly, FundRaise Font: Times New Roman, Times, serif Font size: 24,12Font Color: Black, Blue User Interactions: Navigation buttons are on the left sidebar, link to the homepage and all second-level pages. Hyper Links: Index.html [email protected]contactus.html Donate.html Donatenow.htmlImpactReport.html Monthlysupport.htmlResources.html Fundraise.htmlWaystohelp.htmlSitemap.htmlAboutus.html Audio inclusion and controls: None Video inclusion and controls: None Color specifications: Page Background: white, grey whiteNavigation: Grey white(sidebar); Blue (buttons); White Grey white (background)Body: Black/Blue (text); (White Background)Heading/Footers: Black (text); Green (background)Hyperlink/visited Link: Blue Panel Layout Storyboard Template for Multimedia Product Development Client Name: StartOrganic.com Project Title: Non-profit Organization Website Last Update: June 19, 2019 Name of Designer: Rohba Zahid Panel/Page ID:sitemap.html Panel/Page/Frame No: Sitemap. Description of Copy text: Start Organic Text : Site Map Font: Times New Roman, Times, serif Font size: 24,12Font Color: Black, Blue User Interactions: Navigation buttons are on the left sidebar, link to the homepage and all second-level pages. Hyper Links: Index.html [email protected]contactus.htmlDonate.htmlImpactReport.htmlResources.htmlWaystohelp.htmlSitemap.htmlAboutus.html Audio inclusion and controls: None Video inclusion and controls: None Color specifications: Page Background: white, grey whiteNavigation: Grey white(sidebar); Blue (buttons); White Grey white (background)Body: Black/Blue (text); (White Background)Heading/Footers: Black (text); Green (background)Hyperlink/visited Link: Blue Panel Layout Storyboard Template for Multimedia Product Development Client Name: StartOrganic.com Project Title: Non-profit Organization Website Last Update: June 19, 2019 Name of Designer: Rohba Zahid Panel/Page ID:aboutus.html Panel/Page/Frame No: About US Description of Copy text: About us Text: Our Mission? What we Do? Our Work. Font: Times New Roman, Times, serif Font size: 24,12Font Color: Black, Blue User Interactions: Navigation buttons are on the left sidebar, link to the homepage and all second-level pages. Hyper Links: Index.html [email protected]contactus.htmlDonate.htmlImpactReport.htmlResources.htmlWaystohelp.htmlSitemap.htmlAboutus.html Audio inclusion and controls: None Video inclusion and controls: None Color specifications: Page Background: white, grey whiteNavigation: Grey white(sidebar); Blue (buttons); White Grey white (background)Body: Black/Blue (text); (White Background)Heading/Footers: Black (text); Green (background)Hyperlink/visited Link: Blue Panel Layout Storyboard Template for Multimedia Product Development Client Name: StartOrganic.com Project Title: Non-profit Organization Website Last Update: June 19, 2019 Name of Designer: Rohba Zahid Panel/Page ID:contactus.html Panel/Page/Frame No: Contact US Description of Copy text: Contact us Text: Reach us at, Office Location. Font: Times New Roman, Times, serif Font size: 24,12Font Color: Black, Blue User Interactions: Navigation buttons are on the left sidebar, link to the homepage and all second-level pages. Hyper Links: Index.html [email protected]contactus.htmlDonate.htmlImpactReport.htmlResources.htmlWaystohelp.htmlSitemap.htmlAboutus.html Audio inclusion and controls: None Video inclusion and controls: None Color specifications: Page Background: white, grey whiteNavigation: Grey white(sidebar); Blue (buttons); White Grey white (background)Body: Black/Blue (text); (White Background)Heading/Footers: Black (text); Green (background)Hyperlink/visited Link: Blue Panel Layout