CP1406: Your (fictional) Client for this Assignment has Provided an Introductory email Containing a Description of their Goals: Web Design and Development Assignment, JCU, Singapore

CP1406/CP1806/CP5638 – Assignment 1 – Project Plan & Small Website

Task:
This assignment involves two parts, to be implemented as Web pages and submitted as described below.

1. Project Plan (i.e. plan.html)
2. Small Website files (index.html and other pages.html)

Your (fictional) client for this assignment has provided an introductory email containing a description of their goals and some additional information regarding the site they would like you to build.

Your task is to 1) create a clear and useful plan from this information and then 2) use that plan to build a small functional website

Project Plan:
Write your project plan so that it is a useful working document to guide the development of your website.

Carefully consider the information provided by the client and use it to inform your planning. Complete the plan.html template file provided to showcase your work.

NOTE: See the file “Html code for plan template” inside the assessment 1 folder for the plan template.

You can edit your plan template using any preferential IDE (i.e. VS code, Notepad++, etc.); however, you must keep the file as an HTML – DO NOT export it into another format when submitting

Make sure that you…

• Use the existing structure of the plan, updating each section appropriately (e.g., don’t talk about your target audience as a part of your site goals… that’s for the target audience section)
• Add your name in between the
• DO NOT change the name of the file from plan.html.
•  Uploaded your plan in the same folder as the rest of your assessment files (i.e. the small website files)
• plan.html sections:
• Customer mission
• Goal
• Success evaluation
• Target audience
• Site diagram
• Content analysis (review the content provided by the customer to format or
  rewrite to easier visibility on the page
• Images with size and description analysis (and page location)
• Page design (sketch illustrating how the page layout is expected)
• Font and style guide – including colors codes
• Project timeline
• budget (cost of each service including domain, hosting and development cost)

Small Website:
Design and develop a website for the client. Use your plan (goal, success evaluation, target audience) to inform and guide your design.

• Use the text content provided by the client. For some sections, you may need to flesh out the text provided by the client if there isn’t enough… if you do, make sure it is reasonable.
• You may use images that you have personally sourced and/or that you create yourself using a graphics program (don’t take new photos). Any images that you do use, though, MUST be attributed using alt text with an accurate URL to where the image came from).
• You should edit the images to create develop logos, banners, buttons, etc.
• Think carefully about the information architecture (organization) and decide what content should logically go on which pages. Organize your site so that it will best achieve the site goals in your plan.
• Make sure that your home page file is called index.html. This is standard.
• You MUST develop the site from scratch yourself. You are NOT permitted to use any site-building or CMS programs, templates (e.g. bootstrap, etc.) or code generators to create your website. All code that you submit must be developed by you from scratch.

Although it is up to you exactly what goes in the site and how/where you should have at least the following elements in your site:

• HTML pages
• Navigation – links between pages and to any external sites that you link to (no broken links!)
• CSS – use an external stylesheet for most/all styling. An appropriate name for this would be styles.css or stylesheet.css. It is important that you do not hardcode any of your styles directly into the HTML files themselves.
• Images – Images should be appropriately sourced and presented (consider editing, resizing, cropping, compression, etc.) You must not resize any images using HTML!)

Introductory email from a client:

Petite Treats

We are a small family-run local business, operating in Kirwan since 2012, hoping to improve our business by getting on the Internet. Our bakery is located at 123 Prize Lane in Kirwan, Queensland. We specialize in traditional Australian baked goods. We are currently in the process of getting some
images created, so please just choose someones for placeholders at the moment so we can see what it will look like.

We have customers of all ages, however, we would like to attract young families and young people, possibly around the age of 17 – 35, to our bakery. From what we saw from other websites, we think we probably need 7 – 8 pages for our site with the following:

Navigation – Should use horizontal navigation at the top. Links should be repeated in the footer.

• Home page – should be very appealing and drive interest in our bakery. We also want to show some sample images of the products to be displayed to attract the site visitors’ attention.
• We want our customers to be able to sign up for weekly specials! We think there should be a page for our weekly specials to further attract customers.
• The home page should highlight these two customers comments:
  “Petite Treats has the best cheesecake I’ve ever had. Always fresh, and melts in the mouth. Would recommend highly!” “I’m addicted to the Danish pastries and always drop in here on my way to work.”
• About me – bragging on our new bakery, great location near Willows Shopping Centre. Our baker is an artisan-baker and was trained in Paris. Some of our current customers are James Cook University, the Cowboys and Telstra.
• Menu (image gallery) – this will have six images that link to 6 pages with details about each bakery item.

The menu can be on the home page or on a separate page. The products we would like to showcase are:
o Donuts ($4.50)
o Vanilla Slice ($4.50)
o Randy Tart ($3.95)
o Custard Tart (3.95)
o Raspberry cheesecake ($5.50)
o Apple Cake Slice ($5.50)

• Specials page
  This will have 3-4 items on special (25% off, in-store only, you pick the items!)
  The page should show pictures of the items and sales price