Website Design

Know the uses and features of websites.

AC 1.1

• Purpose: includes the objectives of the website and audience type, used to present information through a series of HTML web pages, for example, a website could be used to promote an event, to advertise or to provide information for a business or charity, information includes text, graphics, video or other digital assets.
• Uses: presenting information, browsing and searching for real-time information, improving productivity (collaborative working), media sharing (e.g. listen to live radio, watch films) online shopping and banking), education and training (e.g. libraries, online learning, assessments), downloading information.
• Features: hyperlinks, action buttons, hot spots, templates, email links, registration and logins, forms (user input and feedback), accessibility, e.g. text to speech, e-commerce facilities, online forums, aesthetics, e.g. colours, layout, graphics/video/animation, audio, text, styles.

AC 1.2

• Inserting digital assets to make it more interactive (but using them wisely), using whitespace and applying consistent layout, navigation and themes make it more aesthetically appealing/engaging, using forms allow users to leave feedback etc.

Assessment Criteria

• 1.1

  Identify the purpose and features of websites.

• 1.2

  Identify how the features of websites can improve the user experience.

Be able to design a website for an audience and purpose

• Design should includes: site structure or sitemap for a 4-5 page website, showing navigation (how each webpage links together), screen layout design for each webpage, using wireframe and including, e.g. images, buttons text, font, colour and navigation, annotations and/or a description about how the design meets audience and purpose, sources tables identifying digital assets to be included, (also include details of any ready-made assets), test plan to test functionality, usability etc.

Assessment Criteria

• 2.1

  Produce an outline design for a website.

Be able to create a website.

• Software tools available: HTML editor, WYSIWYG, or text editors, web page structure, e.g. header, main content and footer, page navigation, e.g. jump-to-top link or text links at the top and bottom of the page or to move to the previous page and a location-based breadcrumb trail, linking web pages with hyperlinks, common HTML tags, e.g. <img>, <a>, <p>, embedding and editing readymade assets, formatting information, including text (e.g. font style, size, emboldened, bullets and colour), numbers, columns, images, and graphic, interactive components, including hotspots, buttons, rollover images, editing techniques appropriate to the type of asset, e.g. copy, cut, paste, crop, and position, manage files and assets, e.g. resizing graphics and images, file size reduction, check content, e.g. spell check, grammar check, proof read, print preview, store and retrieve files, e.g. create, name, open, save, save as.

Assessment Criteria

• 3.1

  Collect and prepare assets and content.

• 3.2

  Use tools and techniques to create a website.

Be able to test and review a website.

AC 4.1:

• Test the website for functionality, quality and usability to assess effectiveness, content, presentation, interaction, usability, performance and purpose, make improvements and/or refinements in response to testing.

AC 4.2:

• Review the finished website in relation to: fitness for purpose, audience/user requirements, functionality, user experience.
• Learner should include reflections on how well they worked (strengths and areas for development), taking into account user feedback, own self-assessment, feedback from others (peers, tutors).
• Suggested improvements to own work: more efficient or effective ways of working, develop own digital skills in web design/development, graphics, etc).

Assessment Criteria

• 4.1

  Test the website.

• 4.2

  Identify how the website meets requirements and make recommendations for further improvements.