SERIES: Launch a Summer Music Festival

S1-S3

Multiple Sessions

Launch a Summer Music Festival: Build the Multi-Page Website

Now the festival becomes a real digital product. The website has to combine excitement, information, navigation, accessibility and action. You will plan, wireframe, build and test a multi-page festival website using the platform available to you. By the end of this challenge you will: Design a site map around visitor tasks Create useful wireframes […]

Launch a Summer Music Festival: Build the Multi-Page Website

Your Mission

Build the digital home for the festival and make it usable enough that a visitor can find what they need without asking you.

You will design the information architecture, wireframe key pages, study real festival UX, build the site and improve it through user testing.

The Shape of This Challenge

Discover

✏️ ️ Notice & question

Explore

️ Investigate & test

Create

✏️ Make & communicate

Reflect

️ Think & apply

Discover

Start with visitor tasks rather than visual effects.

Step 1

Design Around Visitor Tasks

✏️ Site map · 10–12 mins

We are learning to plan website structure around what visitors need to find and do.

A festival website has several jobs: excite, inform, reassure and move people toward tickets or another action.

Your Task

List the six most important visitor tasks.
Turn them into a site map with at least five pages.
Decide what belongs in the main navigation.
Identify the one page every visitor should be able to reach in one click.

I can create a website structure based on real visitor needs.

→ This gives the build a usable information architecture.

Problem SolvingCommunicationDigital Design

Step 2

Wireframe Before You Decorate

️ Paper or screen · 10–12 mins

We are learning to plan page hierarchy before spending time on visual polish.

Wireframes help test whether the content makes sense without the distraction of finished branding.

Your Task

Wireframe the homepage and two other key pages.
Show headings, navigation, key content blocks and calls to action.
Use real content labels such as Line-Up, Travel and Accessibility rather than placeholder boxes only.
Check whether the most important information appears early enough.

I can create wireframes with clear content hierarchy and navigation.

→ This gives you a tested structure before the full build.

Digital DesignProblem SolvingCommunication

Explore

Use real-site evidence and watch another person test the product.

Step 3

Study Festival Website UX

Choose your route · 10–15 mins

We are learning to analyse how real event websites help visitors complete important tasks.

Look past visual style to navigation, content clarity, mobile behaviour and accessibility.

Your Task

Choose one or two real festival/event sites.
Complete one research route.
Record one navigation strength, one content strength and one accessibility/usability issue.
Choose one idea to apply and one mistake to avoid.

⚡ Quick Track

Review one festival site on desktop and mobile if possible. Time how quickly you can find line-up, travel and accessibility information.

Dig Deeper

Compare two festival sites using five criteria: navigation, hierarchy, mobile readability, accessibility and calls to action.

I can use real website evidence to improve my site design.

→ This gives your build an external UX benchmark.

ResearchDigital DesignCritical Thinking

Step 4

Build, Test, Fix

Build + user test · 20–30 mins

We are learning to use feedback to improve navigation, clarity and accessibility.

A website is a product people use, so another person needs to test it.

Your Task

Build the core pages using your approved tool.
Ask a tester to complete three tasks without guidance.
Record where they hesitate or fail.
Fix at least two issues and run a quick accessibility check.

I can improve a website using observable user behaviour and accessibility checks.

→ This creates the tested version for your final website submission.

Problem SolvingDigital CitizenshipCommunication

Create & Share

Complete a coherent multi-page website or equivalent interactive prototype.

Step 5

Complete the Multi-Page Festival Website

Build · ✏️ Refine · 40–60 mins

We are learning to bring the full project together in a usable, coherent digital product.

The website should combine the founder concept, line-up, location/travel information and brand without becoming cluttered.

Your Task

Include at least five meaningful pages.
Use consistent navigation and branding.
Include line-up, visitor/travel/access information and a clear call to action.
Apply at least three accessibility checks.
Choose one build route below.

Website Builder Route

5+ working pages

⏱ 45–60 mins

Build the festival site in an approved website builder with functional navigation.

HTML/CSS Route

5+ working pages or equivalent routed sections

⏱ 45–60 mins

Code the site and test links, readability and responsive behaviour.

Clickable Prototype Route

5+ linked screens/pages

⏱ 40–50 mins

Create an interactive prototype where a tester can complete the same key visitor tasks.

I can create a multi-page festival website or equivalent interactive prototype that real users can navigate.

→ This is your finished mission output.

Problem SolvingCreativityDigital Citizenship

Step 6

Reflect, Apply, Look Forward

️ User-test review · 8–10 mins

We are learning to reflect on the difference between making a website and designing a user experience.

The final challenge is the launch: present the product, gather feedback and decide what to improve next.

Your Task

Answer the prompts.
Name the most useful user-test finding.
Write the one website improvement you would prioritise before public launch.

Reflect

Which page was hardest to design well?

Apply

What did a tester notice that you did not?

Look Forward

How could AI help maintain or personalise a festival website without reducing accessibility or trust?

I can explain how structure, testing and accessibility improved my digital product.

→ Your website is ready to become the centrepiece of the final pitch.

ReflectionProblem SolvingDigital Citizenship

Dex AI Study Partner

Hi! I'm Dex, your AI Study Partner. Ask me a question, attach a screenshot, test your skills with Quiz, or click Mastery for feedback!

Screenshot attached

TOOLKIT

Choose Your Tools

Use the tools available to you. The quality of the thinking, research and audience experience matters more than a particular app.

Build

Use a school-approved website builder, Google Sites, WordPress, HTML/CSS or another appropriate tool.

Plan

Use a site map and simple wireframes before building. Prioritise visitor tasks: line-up, tickets, travel, accessibility and key information.

Check

Test navigation, mobile readability, contrast, alt text, headings and clarity with another user.

Educator / Parent Notes

Age, Stage and Prior Learning: Designed for S1–S3 as an advanced production challenge. Publishing publicly is not required.

Before You Start: Use school-approved tools and copyright-safe assets. A private site, local HTML files or clickable prototype is valid evidence.

How to Open This: Ask: “What are the three things a visitor must be able to do on the website in under 30 seconds?”

Scheduling: Use multiple sessions. Planning/wireframing, build and user testing are all essential; do not rush them into one short lesson.

If a Pupil Gets Stuck: Reduce to three pages: Home, Line-Up and Visit. Provide a site-map and wireframe template.

For Fast Finishers: Ask learners to test mobile layout, build with HTML/CSS or run a structured accessibility/user-task audit.

Marking Guidance: Look for functional navigation, meaningful page content, consistency with earlier project decisions, accessibility and visible improvement from testing.

Launch a Summer Music Festival: Build the Multi-Page Website

Launch a Summer Music Festival: Build the Multi-Page Website

Discover

Design Around Visitor Tasks

Wireframe Before You Decorate

Explore

Study Festival Website UX

Build, Test, Fix

Create & Share

Complete the Multi-Page Festival Website

Reflect, Apply, Look Forward

Show What You Have Learned

Build

Plan

Check

Show What You Have Learned

Build

Plan

Check

TOOLKIT

Build

Plan

Check

Educator / Parent Notes

More like this

LET'S TALK DIGITIZE