BTEC Level 3 IT Unit 6 Website Development Assignment Answer Guide

This guide covers Unit 6 Website Development from the Pearson BTEC Level 3 National in Information Technology (2016 specification), the optional unit taken by many Extended Certificate and Diploma learners. It explains every criterion from A.P1 to BC.D3, shows how to structure the website comparison report and the design, build and test portfolio, and gives model paragraphs, a worked code and testing example and clear advice for Distinction.

What the Unit 6 Website Development assignment asks you to do

Unit 6 is internally assessed and is usually split into two assignments. In the first (learning aim A) you compare two existing websites and analyse how design principles make them creative, high-performing and suitable for their audience. In the second (learning aims B and C) you work for a client, often a small local business or charity: you design a website that meets their requirements, review your designs with others, build the site using HTML, CSS and client-side scripting, test it, optimise it and finally evaluate the finished site against the client’s needs.

Learning aims for Unit 6

Pass, Merit and Distinction criteria explained

How to answer Learning aim A: comparing two websites

Choose two sites with a similar purpose but different audiences or approaches, for example a national supermarket and a small independent bakery. Compare them under the same headings so the assessor can see the comparison clearly.

1. Purpose and intended audience.
2. Layout, navigation and usability.
3. Accessibility: alt text, colour contrast, keyboard navigation, readable fonts.
4. Use of media and interactivity.
5. Creativity and brand identity.
6. SEO: page titles, headings, meta descriptions, readable URLs.
7. Performance: page load speed, file sizes, server-side and client-side factors.

How to answer Learning aim B: designing for the client

• Begin with a problem definition statement summarising the client’s purpose, audience and requirements.
• Produce a site map and wireframes for each page type (home, content page, contact form).
• Plan your scripting: for example, form validation or an image gallery written as pseudocode.
• List assets with their source and permission, covering copyright and data protection where you collect personal data.
• Write a test plan before you build.
• Gather feedback (B.P3) and show exactly what changed because of it.

How to answer Learning aim C: building, testing and optimising

Annotate your code so the assessor can see what each section does. Use semantic HTML (header, nav, main, footer), an external stylesheet and responsive layout techniques such as media queries.

Worked example: validation script and test log

The client wants a contact form that will not submit unless the email address looks valid. A simple client-side check could be:

<form id="contact">
  <label for="email">Email</label>
  <input type="email" id="email" required>
  <p id="msg" role="alert"></p>
  <button type="submit">Send</button>
</form>
<script>
document.getElementById("contact").addEventListener("submit", function (e) {
  const email = document.getElementById("email").value.trim();
  if (!email.includes("@") || !email.includes(".")) {
    e.preventDefault();
    document.getElementById("msg").textContent = "Please enter a valid email address.";
  }
});
</script>

The label is linked to the input with for and id, which helps screen reader users, and role="alert" means the error message is announced. Record the testing like this:

For C.M3, show measurable optimisation. For example, if the home page hero image was 2.4 MB and you resize it to the width actually displayed and save it in a modern compressed format at about 250 KB, the page downloads roughly 2.15 MB less data. State the before and after figures from your browser’s developer tools and explain how this supports the client’s requirement for a fast site on mobile.

Common mistakes that cost marks

• Describing two websites one after the other instead of comparing them point by point.
• Wireframes with no annotations explaining layout, fonts, colours and content.
• No evidence of design review, or feedback that is recorded but never acted on.
• Testing only on one browser at one screen size.
• Using images without checking copyright or giving credit.
• Claiming optimisation without before-and-after evidence.
• Evaluating only the final website and ignoring the design process for BC.D2.

How to move from Merit to Distinction

For A.D1, judge how well each site balances creativity, usability and performance, acknowledge trade-offs and state which approach better meets its client’s needs and why. For BC.D2, go through each client requirement, judge how well both your design and your optimised site meet it, refer to your test and feedback evidence, and recommend realistic next steps (for example adding a booking system or improving SEO). For BC.D3, keep a dated log from start to finish that shows planning, decisions, problems you solved yourself and creative features you added, and reflect honestly on how you managed your time.

FAQs

Can I use WordPress or a website builder for Unit 6?

The unit expects you to develop the site with code, including client-side scripting, so check with your teacher before using a builder. Most centres expect hand-written HTML, CSS and JavaScript.

Which two websites should I compare for A.P1?

Pick sites with a similar purpose, such as two restaurants or two charities, so the comparison of design choices and audience suitability is meaningful.

Does the client have to be real?

No. Most briefs supply a fictional client. If you work with a real one, record their feedback as evidence for B.P3 and C.P6.

What counts as optimisation?

Any measurable improvement linked to a requirement: faster loading, better accessibility, cleaner code, better SEO or a better mobile layout.

Is Unit 6 externally examined?

No. It is an internally assessed unit, marked by your centre and checked by Pearson.

Need one-to-one support from a subject specialist? Our BTEC Level 3 assignment help service covers planning, feedback on drafts and referencing.

If you would like your design, code or evaluation reviewed before you submit, get expert help with your BTEC assignment. You may also find our BTEC Level 3 Unit 1 Information Technology Systems answer guide useful for related IT topics.