Capstone Spec

Use Rotto Rocks as your capstone-style build: a realistic tourism website project with a client brief, wireframe options, project notes, accessibility expectations, and deployment planning.

Capstone ProjectBeginner and BuilderMulti-page

Rotto Rocks overview

Rotto Rocks is a fictional Rottnest Island tourism website for guided walking, cycling, wildlife, beach, and sunset experiences. The project brings together the skills practised across HTML, CSS, responsive layout, accessibility, SEO, and deployment readiness.

Start with the project page, then use the brief and wireframes to choose your build direction. The HTML and CSS reference notes are available as supporting material and can be updated later to match Variation A of the wireframes.

View Rotto Rocks Project View Student Brief Download Brief + Wireframes PDF View Wireframe Options

What the capstone should demonstrate

Treat this as more than a page-building exercise. A finished Rotto Rocks submission should show that you can make decisions from a brief, structure a multi-page site, style reusable sections, test for accessibility, and prepare the site for publishing.

  • Clear multi-page information architecture and navigation
  • Semantic HTML for headings, landmarks, images, cards, forms, and content sections
  • Reusable CSS patterns for layout, spacing, typography, cards, buttons, and page sections
  • Responsive behaviour across small, medium, and large screens
  • Accessible labels, focus states, colour contrast, alt text, and keyboard checks
  • Basic SEO, metadata, performance awareness, and deployment readiness

Progress tracking is disabled. Enable it in to track your completed tutorials.

Cookie Settings

Required

These cookies are necessary for the website to function and cannot be switched off.

Recommended

These cookies allow us to track your progress through tutorials and remember where you left off.

These cookies allow us to remember your preferences and settings.