Semester Project 1 Brief

Brief

An interactive science museum called the Community Science Museum is opening in your town/city. Its core target audience is primary and middle school children (7-15) and families with young children. The museum wants a website that is informative and appealing, that will attract both middle school pupils and their parents. The site should appeal to youngsters without pandering; it should take for granted that the audience is inquisitive and intelligent. The website should be informative and engaging, but should encourage viewers to visit the museum itself. The website should be responsive and be easy to use on a variety of devices.

You have been provided media assets in the form of text and images (see link under Resources). It is for you to decide how these will be used, in terms of presentation, hierarchy, and design.

Project Description

The project exam should reflect the student’s creative and technical knowledge and skills based on the first semester curriculum. This includes design principles, project management, communication technology, and developing with HTML/CSS.

Work Schedule: Create a detailed work schedule, complete with milestones for design, coding, testing, and report. This must be submitted with your final report.

Target Audience & Design: The target audience should be carefully considered, and the proposed design should reflect this. A prototype of the website should be made using your chosen software (Adobe XD, Figma etc.)

Final Product: A URL and zip file with the final website should be submitted. The site should be tested on a variety of devices before final delivery. The student has responsibility for setting up their own web host, or using Netlify to deploy the site. GitHub repositories should be set to private.

Report: Submit a report discussing the design and technical aspects of the project, as well as how guidelines for WCAG, SEO and content management were handled. A template for this report is provided under ‘Resources’.

The duration of the Semester Project is 4 weeks (full-time) and 8 weeks (part-time).

Requirements

  1. The site must be have a design that appeals to the target audience.
  2. The site must have at least 4-6 pages.
  3. Compositional principles, typography, and color schemes must be considered.
  4. Your HTML should be semantic and neatly indented.
  5. The site should use external CSS style sheets which follow the DRY principle.
  6. The site should download quickly, and not be overly “heavy”. Images should not be over 200kb.
  7. The site should take WCAG principles into consideration, especially regarding hierarchy, navigation, and color usage.
  8. The site should be responsive, attractive, and easy to use on a variety of devices.
  9. The site should show consideration for content strategy and SEO (consider your use of meta tags and alt text).
  10. The GitHub repo for the project should be set to private. You do not need to submit this with your project.

Submission

  • A link to the live version of the site must be submitted as ‘online text’
  • A link to the prototype of the site must be submitted as ‘online text’
  • A zip file of the whole project should be delivered.
  • A report must be included with the project delivery. Ensure the report is a PDF and follows the correct naming conventions. Please use the report template provided here.

Resources

  • SemesterProject1.zip (text and images for use on site). Feel free to add or remove images and text as you see fit to work for your website. The resources are here for you to use at your discretion, and to save you some time writing copy and finding images.
  • Report Template