Four connected assignments assess structure, visual design, accessible interaction and a final multi-page publication.
Design and build a single-page reading experience for a real or imagined article, guide or event. Use semantic HTML, a logical heading hierarchy, meaningful links and images with useful alternative text.
What you submit
A public or local preview URL, source files, a content outline and a 200-word reflection on structure and audience.
Marking focuses on
- Content structure and semantic HTML
- Reading hierarchy and meaningful navigation
- Text alternatives and source record
- Reflection on audience
Download assignment requirements PDF
Extend a content page into a responsive visual system. Define type, spacing, colour and image rules, then use CSS layout to make the page work at narrow and wide screen sizes.
What you submit
A preview URL, source files, two viewport screenshots and a 2-page PDF visual-system sheet with a 250-word design rationale.
Marking focuses on
- Typography, layout and visual hierarchy
- Responsive CSS implementation
- Colour and image decisions
- Design-system documentation
Download assignment requirements PDF
Build a focused interactive feature for a service, event or publication. It may be a sign-up flow, search interface, booking form or content filter. The interaction must work with keyboard input and clearly communicate labels, errors and outcomes.
What you submit
A preview URL, source files, an interaction map, a completed keyboard test and a 300-word account of two revisions made after testing.
Marking focuses on
- Task flow and interaction clarity
- Accessible forms and keyboard use
- Visual feedback and technical care
- Testing evidence and revision
Download assignment requirements PDF
Create a small multi-page site that helps an audience understand a topic, collection or story. The site must have a clear information architecture, shared navigation, a deliberate visual system and evidence of user testing.
What you submit
A public or local preview URL, source files, and a 4-5 page process dossier containing an information map, design system, testing evidence, change log and a 500-word critical reflection.
Marking focuses on
- Purpose, audience and information architecture
- Visual system and responsive implementation
- Accessibility, interaction and technical care
- Testing, revision and process documentation
Download assignment requirements PDF