Mr. Wortzman | Room 3209 | Issaquah High School, Issaquah, WA
In today’s world, it is difficult for a business to succeed without some sort of web presence. Customers are increasingly going to the web as their first source of information when looking for products or services, and a company that cannot be found on the internet will have a much harder time pulling in business. For this assignment, you will create a website for a local business that wants to increase sales by drawing customers from online.
You will be creating a website for “Granny’s Cookies,” a local small business owned by Granny herself (age 87). Granny has several goals for her website:
Your task will be to create a website that achieves all of the above goals, while effectively representing the personality of Granny’s Cookies.
Because her business is already established, Granny has certain branding requirements that you will need to meet. She will be providing you with the following materials:
These materials can be downloaded here: Granny’s Assets
You will need to use the materials Granny provides with minimal modification. Some amount of change may be allowed with the permission of Granny’s business manager (Mr. Wortzman), but you will not be allowed to make major alterations. You may develop any content Granny does not provide on your own, but remember to be consistent with the tone and personality of Granny’s business, and that you must maintain integrity at all times—do not fabricate facts or pass off others’ recipes or photos as Granny’s.
Lastly, Granny is not very tech-savvy, but she will need to update her site on occasion after you have completed it for her. Therefore, you will need to design the site in a way that makes it easy for someone who does not know HTML/CSS to make updates. In addition, you will be required to provide written documentation to Granny on how to make changes to her site. This documentation will need to be clear and easy to understand, and may need to include screenshots or code snippets to illustrate.
Your site will need to be attractive, easy to use, and well-organized. You will also need to have a minimum of five separate pages on your site and intuitive ways to navigate among them. Each page should have a distinct purpose and design, but should also clearly be part of the larger overall site. Your site should also have a clear, attractive color scheme—use the tools we have discussed in class to help with this. You should not use any pre-existing imagery other than the materials provided by Granny. You may, however, create some of your own graphics if you would like.
You must conform to all technical guidelines and standards we have discussed in class. You should organize the various files that make up your site into folders (main, styles, images) and all your code (both HTML and CSS) must validate. In addition, your code should be clean and easy to read, including proper nesting and indentation, good use of blank lines, and comments where appropriate.
Create a mockup demonstrating the “look and feel” of your site with placeholder content; Granny's logo MUST be included in the mockup
Have at least one page of your site fully implemented with content
All required program elements are implemented and functional
| Design | |
|---|---|
| Site incorporates provided assets appropriately | 1 points |
| Site is effective at encouraging customers to visit and buy from Granny’s | 1 points |
| Site describes Granny’s products | 1 points |
| Site promotes new products | 1 points |
| Site includes information to locate Granny’s shop | 1 points |
| Site includes calendar of events and list of specials or promotions being run | 2 points |
| Site highlights Granny’s community connections | 1 points |
| Site is well-organized and easy to navigate | 2 points |
| Site has a clear and attractive design | 2 points |
| Site design shows thoughtfulness, creativity, and effort | 2 points |
| Total | 14 points |
| Implementation | |
| HTML and CSS code validate | 2 points |
| Site consists of at least 5 separate pages | 1 points |
| Site does not use any pre-existing or copyrighted assets (other than those provided) | 1 points |
| Code is well-written and easy to read | 2 points |
| Site code is well-structured and easy to update | 2 points |
| Documentation provided that clearly describes to a non-expert how to make updates to site content | 2 points |
| Checkpoint 1 (4/25) | 3 points |
| Checkpoint 2 (5/02) | 3 points |
| Total | 16 points |
| Project total | 30 points |