Hagley College of Computing

Web Design

Web Site - Project 1

Assessment Details

#LevelCreditTitle
18737 3 5 Create a website for organisation use

Brief:

The current Hagley Community College web site has recently been migrated to the Drupal content management system and is undergoing a structural redesign. The visual style is dated and not flexible enough to support the increased level of functionality now available.

You are to provide a visual and structural redesign for the Hagley Community College web site to reflect the current brand more effectively and provide modified markup that can be converted to a PHP template for use in Drupal.

The site will support multiple types of user including: public, teachers, students, administration, management and the site administrators with different levels of control (based on roles set in Drupal). Different roles will see different types of navigation and administration.

The redesign will need to include examples of at least 5 areas of content and demonstrate the final development so the designer setting up content can see how you expected the style to work with different types of content.

You will be required to clearly identify and describe the respective target audiences for the project and provide a simple user manual that outlines the different levels of control available to each target audience.

The site will use XHTML 1.0 Strict and Cascading Style Sheets and will need a consistent appearance across the range of major browers including, but not limited to: Mozilla Firefox, Microsoft Internet Explorer Safari. You will need to find an appropriate way to test your templates across a range of operating systems: Windows XP, Linux, OSX (you may use any distribution of Linux and any of the recent versions of OSX).

Requirements:

  • XHTML/CSS template that can be migrated to a PHP template
  • a clear breakdown of the different target audiences using persona
  • examples of the style operating with at least five different types of content
  • the template must validate and appear consistently in the major browsers listed above across the operating systems specified
  • the Hagley Community College brand must be clearly identified and applied to your visual style
Assessment Requirements
  • Brief Documentation that includes:
    • an overview of the project
    • identification of the target audiences using persona to document
    • the project requirements
    • technical specifications that include a site structure
    • a breakdown of the tasks required at each stage of the design process to complete this project
    • a budget
  • A web site:
    • based on the requirements and specifications in the brief
    • at least 6 ideas explored through concept sketches and design notes
    • use valid XHTML and CSS
    • upload to server
    • hand in a local copy
  • Test Plan: this should include, but is not limited to:
    • results for XHTML and CSS validation
    • link integrity
    • brief requirements
    • accessibility
  • Simple User Manual:
    • a description of the site and it's purpose
    • explanations of important areas of the site. eg. navigation
    • screenshots where relevant

Resources

Hagley Community College, 510 Hagley Ave, P.O. Box 3084, Christchurch, NEW ZEALAND