Website Planning and Design - Task and Learning Outcomes

After completing the module, you should be able to:
1. Identify design, usability and accessibility issues involved in delivering websites.
2. Demonstrate knowledge and understanding of the website planning and design processes
3. Understand web technologies, development environments and implementation methods.
4. Design, implement, test and document a website solution for a defined scenario.

Graduate Attributes:
5. Effective Communication: Communicate effectively both, verbally and in writing, using a range of media widely used in relevant professional context.
Be IT, digitally and information literate. 

You are working as a junior developer at Smashing Websites Ltd. You are part of a team of junior developers that have recently joined the organisation. Smashing Websites provide services to a range of clients in the UK and abroad.

 

Task 1

The company has been approached by an organisation that wants to create a website that is a ‘one stop shop’ for visitors. This will be a website that comprises lots of ‘mini sites’ encouraging visitors to develop new interests engaging them in physical activity and stimulating their intellectual thinking. You have been asked to pitch an idea for one of these mini sites by producing a website specification. The content and topic of this mini site is up to you. This specification should include the following sections:

Objective/Goals
Key audience(s)
Provisional site structure (to contain at least 5 content pages and a form)
Functional specification
Competitor analysis

 

Create the specification as a single HTML page with the following file name:
[yourstudentnumber]_specification.html
e.g. STU96645_specification.html

 

Task 2

Having proposed an idea for a mini website, you have been asked to create this site.

 

The site should:
Contain at least 5 pages of content i.e. text, images etc

Contain a form that collects input e.g. a feedback form,

a query form Use HTML and CSS to structure and format the pages 

 

Limitations

1. You should NOT use a framework or set of existing templates to create this site. The task is to assess your ability to create these pages from scratch.
2. The content in your site should be 100% original i.e. you need to write your own text and create your own images. You should ensure that the topic you
choose allows you to do this.

 

You will be assessed on your ability to create pages that effectively use HTML and CSS to present your content and demonstrate your understanding of optimisation, usability and accessibility requirements.

 

Create a folder called ‘website’ and save all files for task 2 in this folder.

 

Task 3

Provide evidence that you have evaluated your website in terms of usability and accessibility. This should include evidence that you have considered how your site will look across different browsers, whether your site validates correctly in terms of HTML and CSS and the extent to which your site content is readable. You should document any changes that you have made as a result of testing e.g. before and after reports of your HTML validation.

 

Produce a single web page which presents this evidence, in the form of text and relevant screenshots.
Create this evidence as a single HTML page with the following file name:
[yourstudentnumber]_testing.html
e.g. STU96645_testing.html