Designing a Music Website Homepage
WJEC-CBAC
Vocational
This element introduces learners to the fundamental principles of designing a music website homepage. At this level, focus is on recognising common visual and navigational features, planning simple but relevant content, and producing a basic visual design, either hand-drawn or using simple digital tools. The aim is to build confidence in creative and media production processes with clear, practical outcomes.
15
Learning Outcomes
20
Assessment Guidance
21
Key Skills
15
Key Terms
22
Assessment Criteria
Assessment criteria
WJEC Entry Level Diploma In Creative Media and Performance Arts (Entry 2)
WJEC Entry Level Diploma In Creative Media and Performance Arts (Entry 3)
WJEC Entry Level Award In Creative Media and Performance Arts (Entry 2)
WJEC Entry Level Award In Creative Media and Performance Arts (Entry 3)
WJEC Entry Level Certificate In Creative Media and Performance Arts (Entry 2)
WJEC Entry Level Certificate In Creative Media and Performance Arts (Entry 3)
Quick Revision Summary (Key Takeaway)
The WJEC Entry Level Diploma in Creative Media and Performance Arts (Entry 2) is a foundational qualification that introduces students to creative disciplines such as media, drama, and art. It focuses on developing practical skills, creativity, and personal confidence through project-based learning, preparing students for further study or employment.
Topic Overview
The WJEC Entry Level Diploma in Creative Media and Performance Arts (Entry 2) is designed for students who are beginning their journey in creative subjects. It covers a range of disciplines including media production, drama, and visual arts, allowing students to explore their interests and develop foundational skills. The qualification is assessed through practical projects and written reflections, emphasising the creative process as much as the final outcome.
This diploma is part of the Foundations for Learning suite, which aims to build confidence and independent learning skills. Students engage in activities such as planning, creating, and evaluating their own work, which prepares them for further vocational study or entry-level employment in the creative industries. The course also encourages teamwork and communication, essential skills in any career.
By the end of the course, students will have a portfolio of work demonstrating their abilities in various creative mediums. This portfolio is valuable for progression to higher-level qualifications, such as the Level 1 Diploma, or for showcasing to potential employers. The qualification is flexible, allowing teachers to tailor projects to the interests of their students, making learning relevant and engaging.
Key Concepts
Core ideas you must understand for this topic
- →Creative process: planning, creating, and evaluating your own work.
- →Media literacy: understanding how media messages are constructed and how to analyse them.
- →Performance skills: using voice, body language, and movement to communicate a character or idea.
- →Design principles: colour, composition, and typography in visual media.
- →Health and safety: working safely with equipment and materials in a creative environment.
Learning Objectives
What you need to know and understand
- Know the conventions of music website homepages., Be able to plan the content of a music website homepage., Be able to design a music website homepage.
- Know the conventions of music website homepages., Be able to plan the content of a music website homepage., Be able to design a music website homepage.
- Know the conventions of music website homepages., Be able to plan the content of a music website homepage., Be able to design a music website homepage.
- Identify common elements found on a music website homepage
- Describe the purpose of key components such as hero images and navigation menus
- Select suitable text and images for a chosen music artist or band
- Create a simple content plan that outlines the homepage structure
- Produce a basic wireframe sketch of a music website homepage
- Explain how colour schemes and typography reflect musical genre
- Know the conventions of music website homepages., Be able to plan the content of a music website homepage., Be able to design a music website homepage.
- Identify at least five common features found on music website homepages.
- Describe how a chosen music website uses layout and colour to attract its target audience.
- Plan the content structure of a music website homepage, including header, navigation, and featured content.
- Produce a design mock-up for a music website homepage that incorporates essential homepage conventions.
- Explain how the design choices support the promotion of a music artist or band.
Assessment Criteria
Key criteria assessors look for in your portfolio
- Award credit for correctly identifying at least two common conventions of music website homepages, such as a navigation bar, featured artist image, or social media links.
- Award credit for producing a content plan that includes a heading, descriptive text, and image ideas appropriate to a chosen music artist or genre.
- Award credit for creating a homepage design (hand-drawn or digital) that shows a basic layout with distinct areas for navigation, main content, and footer.
- Award credit for demonstrating an awareness of target audience in planning, e.g., using language or imagery suited to a specific music style.
- Award credit for identifying and explaining at least three common features (e.g., navigation menu, hero image, social media links) found on music websites, with clear reference to their purpose.
- Credit given for producing a detailed content plan that appropriately prioritises key sections such as artist bio, latest release, tour dates, and multimedia content, with consideration of the target audience.
- Assessors should look for a homepage design mock-up that demonstrates awareness of layout, colour scheme, typography, and user experience, all consistently applied to reflect the chosen music artist or genre.
- Award credit for identifying and describing at least three common conventions of music website homepages, such as prominent artist imagery, a navigation bar, and a music player or playlist link.
- Award credit for a well-structured content plan that includes a clear list of sections (e.g., header, featured content, upcoming events) with brief descriptions of their purpose.
- Award credit for producing a hand-drawn or digital mock-up that effectively communicates the layout, includes key elements from the plan, and demonstrates consideration of user experience (e.g., logical flow, readability).
- Award credit for correctly naming at least three standard homepage elements (e.g., logo, navigation bar, main banner).
- Credit given for a content plan that clearly aligns with the chosen artist’s style and genre.
- Look for a wireframe that includes placement of key elements such as header, menu, main content area, and footer.
- Evidence of considering target audience in content selection (e.g., appropriate language, imagery).
- Annotations on the design sketch that explain design decisions earn additional recognition.
- Award credit for correctly identifying at least three common conventions of music websites (e.g., logo, navigation menu, featured content area).
- Marks awarded for a content plan that includes a clear site title, menu sections, and main promotional image or text.
- Credit given for a homepage design that reflects the planned content and incorporates a basic layout with headers, images, and text placeholders.
- Evidence of understanding user navigation through placement of menu items and links.
- Award credit for accurately naming and describing the purpose of at least three standard homepage features (e.g., navigation bar, hero image, and call-to-action).
- Credit should be given for planning documentation that includes a logical sitemap or content outline with clearly labelled sections.
- In design work, look for consistent use of a colour scheme, readable typography, and placement of key elements such as artist logo and news section.
Assessment Guidance
Guidance for achieving higher grades
- 💡Always start by researching real music websites and making a simple list of what you see; this will help you meet the first assessment criterion.
- 💡Plan your content first on paper before starting the design, ensuring every element on your plan is carried through to the final visual.
- 💡Choose a music artist or genre you genuinely enjoy—this makes planning and design more engaging and helps your work feel authentic.
- 💡For the design, label the key parts (e.g., 'logo here', 'menu') so the assessor can clearly see your understanding of conventions, even if drawing skills are limited.
- 💡When analysing conventions, always explicitly link each convention to its function (e.g., a hero image grabs attention; a navigation bar enhances usability), this shows deeper understanding.
- 💡In your design work, annotate your mock-up to justify layout and style choices in terms of target audience and genre expectations; this demonstrates reflective planning and can strengthen assignment evidence.
- 💡Always begin by researching at least three existing music websites, noting common features and how they cater to different audiences, to inform your own design choices.
- 💡Sketch out a wireframe on paper before moving to a digital tool; this helps clarify the hierarchy of information and ensures you meet all the planned content requirements.
- 💡In your evidence, clearly label or annotate your design to show how it meets the conventions identified, as this demonstrates your understanding to the assessor.
- 💡Always annotate your design sketches to show the reasoning behind element placement—this demonstrates understanding of conventions.
- 💡Refer to real music website examples in your planning evidence; screenshots with labels can strengthen your portfolio.
- 💡Keep the design simple and uncluttered—at Entry 3, assessors look for clear, functional layouts rather than complex graphics.
- 💡Use a checklist against the learning objectives to ensure all required evidence is included in your submission.
- 💡Start by reviewing real music websites to identify common elements before planning your own.
- 💡Use simple wireframing techniques to map out the layout before starting the final design.
- 💡Ensure your design is consistent with the plan; assessors check alignment between plan and final output.
- 💡Keep the design simple and focused; a clean, functional homepage is more effective than an overly complex one.
- 💡Start by researching real music websites, noting their common elements—this will provide a solid foundation for your own designs.
- 💡Use labelled diagrams or wireframes to clearly communicate your design intent to the assessor, even if your drawing skills are basic.
- 💡Always refer back to the conventions you have learned; check that your final homepage includes key features like navigation menus and artist branding.
- 💡Always keep a sketchbook or journal to document your ideas, experiments, and reflections. This provides evidence for your assessment.
- 💡Read the assignment brief carefully and highlight key words like 'plan', 'create', and 'evaluate' to ensure you address all parts.
- 💡When evaluating your work, be honest about what didn't go well and explain how you would improve it next time. This shows maturity and understanding.
Common Mistakes
Common errors to avoid in your coursework
- Confusing a music website homepage with a generic social media profile, omitting essential website elements like a menu bar or copyright notice.
- Including too much content or complex design ideas that are not achievable at Entry 2, leading to an incomplete or cluttered submission.
- Copying an exact layout from an existing website without any personalisation or adaptation to a chosen music theme.
- Ignoring accessibility basics such as font size or colour contrast when designing, resulting in hard-to-read text.
- Students often confuse a music website homepage with a social media profile, omitting essential dedicated sections like discography, contact information, or news updates.
- Ignoring the importance of a consistent colour scheme and font style across the homepage, resulting in a design that lacks professional coherence and weakens brand identity.
- Confusing the homepage with another page like a store or album page; many learners fail to focus specifically on the entry point of the site.
- Overcomplicating the design with too many elements or text, leading to a cluttered and uninviting homepage that does not reflect industry simplicity.
- Neglecting to consider the target audience and genre, resulting in a design that does not match the music style (e.g., using neon colours for a classical music site).
- Confusing homepage-specific conventions with general webpage features, such as mixing up blog layouts with music site layouts.
- Overcrowding the design with excessive text or images, making the page cluttered and hard to navigate.
- Planning content without considering the target audience, leading to inappropriate or off-brand material.
- Forgetting to include essential elements like a navigation menu or contact information.
- Using unreadable font sizes or low-contrast colour combinations in the design
- Confusing a homepage design with a full website structure, including subpages.
- Overlooking the need for a clear and prominent artist or band name/logo.
- Focusing solely on visuals without considering functional elements like navigation links.
- Using too much text or complex layouts that are not suitable for Entry 2 level.
- Confusing a homepage with a full website, leading to overcomplicated designs with too many pages or links.
- Neglecting accessibility considerations, such as insufficient contrast between text and background.
- Omitting essential information like upcoming events or links to music streaming platforms, which are core to music sites.
- Misconception: 'Only the final product matters.' Correction: The process is equally important; you must show planning and evaluation to meet assessment criteria.
- Misconception: 'You have to be naturally talented to do well.' Correction: Skills can be developed through practice and following the creative process.
- Misconception: 'Creative subjects are not academic.' Correction: This qualification requires critical thinking, problem-solving, and reflection, which are academic skills.
Revision Plan
How to revise this topic in 1–2 weeks
- 1Week 1: Familiarise yourself with the course structure and assessment criteria. Create a folder for your portfolio.
- 2Week 2: Start a project from the brief, focusing on planning. Brainstorm ideas and create a mind map.
- 3Week 3: Begin creating your work, documenting each step with photos or notes. Experiment with different techniques.
- 4Week 4: Complete your project and write a self-evaluation. Compare your work to the brief and identify strengths and areas for improvement.
- 5Week 5: Review your portfolio and ensure all evidence is included. Practice answering questions about your work.
Exam Question Types
How this topic typically appears in the exam
- 📋Practical project: You will be given a brief and asked to plan, create, and evaluate a piece of work. Advice: Follow the creative process and document everything.
- 📋Written reflection: You may be asked to write about your creative choices. Advice: Use 'because' to justify your decisions.
- 📋Group performance: You may work in a group to create a short drama or media piece. Advice: Communicate with your team and contribute ideas.
- 📋Multiple-choice questions: These may test knowledge of key terms. Advice: Revise definitions of media and performance terms.
Command Word Expectations (WJEC-CBAC)
What examiners look for when using specific command words in this specification
Describe
Give a detailed account of something, including key features and characteristics. Do not just list; explain what it looks like or how it works.
Explain
Give reasons or causes for something, showing understanding of why or how. Use 'because' to link ideas.
Evaluate
Make a judgement about the value or quality of something, considering strengths and weaknesses. Provide evidence and a conclusion.
How Students Lose Marks (Examiner Pitfalls)
Common mark loss traps and how to write 100% full-mark answers
Pitfall: Students often fail to link their practical work to the assessment criteria, focusing only on the final product rather than the process.
❌ Weak Answer (Loses Marks):I made a poster about my favourite film. It was fun.
✅ 100% Model Answer (Full Marks):I created a poster for a film of my choice, ensuring it included key elements such as a title, main character image, and tagline. I planned my design by sketching ideas and selecting colours that matched the film's mood. I then evaluated my work by comparing it to the brief and identifying what went well and what could be improved.
Examiner Tip: Always refer to the assessment criteria and explain how your work meets each point. Use evidence from your planning and evaluation.
Pitfall: Students often describe what they did without explaining why they made certain choices, missing opportunities to demonstrate understanding.
❌ Weak Answer (Loses Marks):I used red in my painting.
✅ 100% Model Answer (Full Marks):I chose red in my painting to represent strong emotions like anger and passion, which connects to the theme of conflict in our performance piece. This choice helps the audience understand the character's feelings without using words.
Examiner Tip: Use 'because' to justify your creative decisions. This shows the examiner your thought process and understanding.
Step-by-Step Worked Solutions
Detailed solution breakdown for typical exam problems
Question: Plan a short drama performance based on the theme 'friendship'. List three key scenes and explain the purpose of each.
- 1.Step 1: Identify the theme and brainstorm ideas related to friendship.
- 2.Step 2: Choose three scenes that show different aspects of friendship, such as meeting, a conflict, and reconciliation.
- 3.Step 3: For each scene, explain its purpose in developing the theme and engaging the audience.
Final Answer: Scene 1: Two friends meet at a park – establishes their relationship. Scene 2: A misunderstanding causes an argument – shows conflict. Scene 3: They apologise and hug – demonstrates resolution. Each scene helps the audience understand the ups and downs of friendship.
Question: You are creating a digital collage for a magazine cover. Describe two design elements you would use and why.
- 1.Step 1: Choose two design elements, e.g., colour and typography.
- 2.Step 2: Explain how each element contributes to the overall look and message.
- 3.Step 3: Relate your choices to the target audience.
Final Answer: I would use bold, bright colours to attract attention and large, clear typography for the headline to ensure it is readable from a distance. These choices appeal to a young audience and make the cover stand out on the shelf.
Active Recall Memory Test
Test your memory before revealing the key facts
Frequently Asked Questions
Common questions students ask about this topic
Pass / Merit / Distinction Evidence Checklist
How your portfolio evidence is graded for WJEC-CBAC Designing a Music Website Homepage
Every vocational unit is marked against named criteria rather than an exam percentage. Your tutor's brief lists the exact codes for this unit — here is what each band is asking you to do.
Pass (P)
Demonstrate baseline knowledge, accurate terminology, and core practical application.
Merit (M)
Provide detailed analysis, structured explanations, and clear workplace reasoning.
Distinction (D)
Deliver thorough evaluation, original problem solving, and fully justified recommendations.
Before You Start
Prior knowledge that will help with this topic
- •Basic literacy and numeracy skills to read instructions and measure materials.
- •Some experience with creative activities, such as drawing, acting, or using digital tools, is helpful but not essential.
- •An interest in exploring different forms of media and performance.
Coursework AI Review
Paste your assignment brief and check your draft against its P/M/D criteria
Key Terminology
Essential terms to know
- Know the conventions of music website homepages., Be able to plan the content of a music website homepage., Be able to design a music website homepage.
- Know the conventions of music website homepages., Be able to plan the content of a music website homepage., Be able to design a music website homepage.
- Know the conventions of music website homepages., Be able to plan the content of a music website homepage., Be able to design a music website homepage.
- Homepage structure and conventions
- Visual branding for music
- Content organisation and hierarchy
- User navigation basics
- Audience and genre considerations
- Know the conventions of music website homepages., Be able to plan the content of a music website homepage., Be able to design a music website homepage.
- Purpose of music websites
- Key components of a homepage
- Content planning and organisation
- Visual design and layout
- User experience and navigation
- Accessibility and audience engagement
Ready to learn?
AI-powered learning tailored to this unit