Planning a Multipage Website

    NCFE
    Vocational

    This element focuses on the initial stages of website creation, where learners investigate the purpose, audience, and key features of existing websites to inform the design of a coherent multipage website that meets a specific brief. It equips learners with essential pre-production skills for occupational roles requiring digital communication, such as marketing, administration, or customer service, and prepares them to deliver structured, user-centred web solutions in the workplace.

    12
    Learning Outcomes
    15
    Assessment Guidance
    17
    Key Skills
    13
    Key Terms
    18
    Assessment Criteria

    Assessment criteria

    NCFE Level 2 Award in Occupational Studies for the Workplace
    NCFE Level 2 Certificate in Occupational Studies for the Workplace
    NCFE Level 2 Diploma in Occupational Studies for the Workplace
    NCFE Level 2 Award in Exploring Occupational Studies for the Workplace

    Topic Overview

    The NCFE Level 2 Award in Occupational Studies for the Workplace introduces students to the core skills and knowledge needed to succeed in a modern work environment. This qualification focuses on employability skills such as communication, teamwork, problem-solving, and self-management, which are essential for any career path. It also covers understanding workplace expectations, rights and responsibilities, and how to navigate the recruitment process.

    This award is part of the NCFE Other Life Skills Qualifications suite and is designed to prepare students for employment, apprenticeships, or further study. By completing this qualification, students will develop a practical understanding of how businesses operate and what employers look for in potential employees. The content is directly applicable to real-world scenarios, making it highly relevant for students entering the workforce for the first time.

    Mastery of this topic not only boosts confidence in job applications and interviews but also provides a foundation for lifelong career development. Students will learn to reflect on their own skills, set career goals, and adapt to changing workplace demands. This qualification is a stepping stone to higher-level employability qualifications or vocational courses.

    Key Concepts

    Core ideas you must understand for this topic

    • Employability skills: The transferable skills (e.g., communication, teamwork, problem-solving) that employers value across all industries.
    • Workplace rights and responsibilities: Understanding legal obligations such as health and safety, equality, and data protection.
    • Recruitment process: How to search for jobs, complete application forms, write CVs, and perform well in interviews.
    • Self-assessment and career planning: Identifying personal strengths, weaknesses, and career goals to make informed decisions.
    • Professional conduct: Demonstrating punctuality, dress code, positive attitude, and effective communication in the workplace.

    Learning Objectives

    What you need to know and understand

    • Identify the primary purpose and intended audience of a given website to inform design decisions.
    • Analyse the features and navigation of successful multipage websites to determine best practice.
    • Create a comprehensive site map outlining the structure and page hierarchy for a multipage website.
    • Develop a detailed wireframe for key pages that aligns with the occupational brief and user needs.
    • Justify design choices using evidence from investigation and user-centred design principles.
    • Be able to investigate the purpose and features of web sites, Be able to plan a website to a specific brief
    • Be able to investigate the purpose and features of web sites, Be able to plan a website to a specific brief
    • Analyse the purpose and target audience of a given website brief
    • Evaluate the features and functionality of existing multipage websites
    • Design a logical site structure and navigation system for a specified brief
    • Produce wireframes and page layout plans for key website pages
    • Create a project plan outlining tasks, resources, and timescales

    Assessment Criteria

    Key criteria assessors look for in your portfolio

    • Award credit for correctly identifying the core purpose and audience demographics of a sample website, supported by evidence.
    • Expect evidence of systematic feature comparison (e.g., navigation, layout, accessibility) across multiple websites.
    • Mark for a logical site map that clearly shows page relationships and user flow, with all brief-required pages included.
    • Credit for wireframes that include key elements such as headers, content areas, and call-to-action buttons, reflecting the brief's requirements.
    • Look for clear justification linking investigation findings to planning decisions, demonstrating how features serve the purpose.
    • Award credit for detailed analysis of at least two existing websites, identifying target audience, purpose, and key features such as navigation, layout, and call-to-action buttons.
    • Evidence must include a clear site map showing the proposed page hierarchy and internal linking structure for a minimum of four pages.
    • Assessors should look for wireframe sketches or digital mock-ups that demonstrate consideration of user experience (UX), including placement of headers, footers, and navigation menus.
    • The plan must address the specific requirements of the given brief, including branding, colour schemes, and content types, with justifications for design decisions.
    • Award credit for demonstrating a clear identification of the website's target audience and purpose, linking features directly to user needs.
    • Award credit for producing a detailed site map showing the hierarchical structure of pages, including clear navigation pathways and logical grouping of content.
    • Award credit for outlining a consistent design specification (e.g., layout, colour scheme, typography) that is appropriate for the brief and target audience.
    • Award credit for providing a content plan that specifies text, images, and other media for each page, showing consideration of accessibility and copyright.
    • Award credit for clearly identifying the intended audience and their specific needs from the brief
    • Evidence must include a site map showing hierarchical page relationships and navigation flows
    • Wireframes should demonstrate consistent layout, placement of key elements, and responsive considerations
    • Project plan must list achievable milestones, required assets, and a realistic timeline
    • Justification of design decisions with reference to the brief and user requirements

    Assessment Guidance

    Guidance for achieving higher grades

    • 💡Thoroughly investigate at least two contrasting websites, noting how their purpose shapes features – do not just describe, but evaluate.
    • 💡When planning, always refer back to the brief: ensure each page and feature directly serves the business or occupational goal.
    • 💡Use clear, standardised conventions for your site map and wireframe symbols, and include a legend if necessary.
    • 💡Document your design rationale: explain why you chose certain navigation patterns or layouts, citing your investigation.
    • 💡When investigating websites, use a structured template to compare at least two sites, clearly linking their features to their purpose and audience.
    • 💡Always refer back to the client brief throughout the planning process, ensuring every element of your site map, wireframes, and content plan directly fulfills a stated requirement.
    • 💡Label wireframes clearly with annotations explaining design choices, as this demonstrates thoughtful planning and can earn higher marks for evaluation.
    • 💡For the assignment, present your planning documents in a logical order: analysis, site map, wireframes, content outline, to show a clear workflow.
    • 💡Always begin by annotating the client brief to highlight key requirements, then use these annotations to structure your research and planning documents.
    • 💡When investigating existing websites, use a structured checklist to evaluate features like navigation bars, calls-to-action, load speeds, and mobile compatibility, and evidence your findings with screenshots.
    • 💡Present your website plan in a professional format, such as a brief or proposal document, with clear headings, diagrams (site map), and tables for content, as this mirrors industry practice.
    • 💡Always cross-reference your plan with the original brief to ensure all client requirements are addressed
    • 💡Use visual planning tools like flowcharts and annotated sketches to enhance the clarity of your evidence
    • 💡Explicitly state the rationale behind your design choices, linking them to audience and purpose
    • 💡Check that your project plan includes contingency for testing and revision phases
    • 💡Use specific examples from your own experience (e.g., school projects, part-time work) to demonstrate employability skills in your answers. This shows practical application.
    • 💡When discussing rights and responsibilities, refer to current UK legislation such as the Equality Act 2010 or Health and Safety at Work Act 1974 to show depth of knowledge.
    • 💡In questions about career planning, always link your choices to your self-assessment results. Explain how your skills and interests match the career path you've chosen.

    Common Mistakes

    Common errors to avoid in your coursework

    • Failing to distinguish between the website's business purpose and its functional features.
    • Producing a site map that lacks logical hierarchy or overlooks essential pages like contact or privacy policy.
    • Submitting wireframes that are overly simplistic or missing annotations to explain design intent.
    • Ignoring accessibility considerations when analysing or planning website features.
    • Not aligning the plan with the specific occupational brief, leading to a generic design.
    • Failing to consider the target audience when analysing existing websites, leading to generic observations rather than tailored insights.
    • Producing wireframes that lack detail or do not align with the site map structure, causing inconsistencies in the planning documentation.
    • Ignoring the brief's requirements, such as omitting specified pages or features, resulting in a plan that does not meet the client's needs.
    • Confusing the purpose of a website with its features; for example, stating 'it has a search bar' as the purpose rather than 'to provide quick information access'.
    • Failing to differentiate between the purpose of the website and the features used to achieve it; often listing features without explaining why they are necessary for the user.
    • Creating site maps that are too linear or overly complex, without considering user experience and intuitive navigation flow.
    • Neglecting to plan for responsive design or mobile accessibility, assuming all users will view the site on a desktop.
    • Producing vague content outlines that lack specific details, making it impossible to assess feasibility or coherence.
    • Failing to consider mobile responsiveness and accessibility standards when planning
    • Producing a site structure that does not logically group related content or support user goals
    • Overlooking the importance of defining clear calls-to-action on key pages
    • Submitting wireframes without annotations to explain functionality or interactive elements
    • Misconception: Employability skills are only needed for certain jobs. Correction: These skills are essential for all roles, from entry-level to management, and are transferable across industries.
    • Misconception: A CV should list every job you've ever had. Correction: Tailor your CV to the specific role, highlighting relevant experience and achievements rather than a complete history.
    • Misconception: Health and safety is only the employer's responsibility. Correction: Employees also have a duty to follow safety procedures and report hazards.

    Frequently Asked Questions

    Common questions students ask about this topic

    Pass / Merit / Distinction Evidence Checklist

    How your portfolio evidence is graded for NCFE Planning a Multipage Website

    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 understanding of the world of work, such as different job roles and industries.
    • Ability to reflect on personal experiences and identify skills developed through school or hobbies.
    • Familiarity with using a computer for basic tasks like word processing and internet research.

    Coursework AI Review

    Paste your assignment brief and check your draft against its P/M/D criteria

    Key Terminology

    Essential terms to know

    • Website purpose and audience
    • Feature evaluation and analysis
    • Structured planning techniques
    • Navigation and user experience
    • Alignment with occupational brief
    • Documentation and justification
    • Be able to investigate the purpose and features of web sites, Be able to plan a website to a specific brief
    • Be able to investigate the purpose and features of web sites, Be able to plan a website to a specific brief
    • Purpose and audience analysis
    • Features and functionality mapping
    • Site structure and navigation design
    • Visual planning and wireframing
    • Project brief interpretation

    Ready to learn?

    AI-powered learning tailored to this unit

    Planning a Multipage Website (NCFE Vocational) | MasteryMind