Design and Development of a Website for Clothes4All - Smart Tech Ltd

On the successful completion of this module students will be able to:

1.Gain knowledge and understanding of state-of-the-art web design technologies.

2.Demonstrate the ability to design, develop, test and evaluate interactive websites.  

3.Demonstrate the ability to deploy web application online by building a local server and uploading files to the internet.

4.Understand and apply interface design principles to develop usable and accessible websites.  

Your assignment consists of two parts: Part A is the design and development of a website for Smart Tech Ltd (worth 60% of the total marks of the assignment), and part 2 is an evaluation report consisting of reflective commentary on task one (worth 40% of the total marks of the assignment). Both tasks are individual pieces of work. Part A will assess learning outcomes 2 & 3 whereas Part B will assess learning outcomes 1 & 4.

Part A

You are recently been appointed as a junior web designer for a leading communications firm known as Smart Tech Ltd. The Project Director of Smart Tech Ltd has allocated you to work for a small client company known as Clothes4All. The company was established in 2013 with a view to expand its unique designs of outfit (Men, Women, and Kids) in their home town only.  As a result of the booming sales made by Clothes4All, while offering a wide range of outfit products through offline distribution channels, the demand for unique outfit designs has increased. The customers have put forward several queries about their online portfolio of outfit designs. Initially, there was no plan to sell products online, but Clothes4All has proved to be one of the fastest growing businesses and now needs an online presence. Clothes4All requires leading edge innovation, technology development and cutting-edge marketing campaigns that will help them surpass all the other brands in the world, in terms of popularity and sales.

They have two objectives:

a)To promote their business through a website.

b)To promote awareness of the importance of green spaces and the protection of the environment.

The client (Clothes4All) will use the website to project their presence and the services they offer. The client will also use the website as a contact tool with their customers. The website should be simple to use and must take account of customer experience in its design and development. You will design a front-end website using suitable design tools and technologies such as Adobe brackets or sublime text-2, HTML, CSS and JavaScript.

Deliverables

You should justify and reflect on the decisions made regarding the choice of design, development and use of technologies. Upon reflection, you should discuss strengths and weaknesses of your design, development methods and choices as well as technologies used to develop the website.

You should also discuss and evaluate the chosen design, development methods and technologies.

You should discuss your strategy used to create a user friendly and accessible web site using usability and accessibility principles and guidelines.

Ensure to discuss how would you change anything and if so, why?

You should submit this assignment as a word document (500 words) via Moodle and must include the following:

•Design documentation:  This should include annotated sketch diagrams/wire-frames; colour schemes and style patterns etc. Your report will show how you have addressed accessibility in your design e.g. checks on user input, and different colour patterns for the visually impaired.  

•Development: This should include screen shots of the website and the original code for the site in plain text with code comments.

•Testing and validation: Your work should include the following evidence for cross browser compatibility: link checking, a HTML & CSS validation check and steps taken to remove errors;

i)Screen shots of the website running on at least two web browsers e.g. Internet Explorer or Google Chrome or any other browser for cross browser compatibility.

ii)Screen shots of all website with working links.

iii)Screen shots of HTML & CSS validation including steps taken to remove any errors. (Hint: you could use

•Deployment:  Setting up a WAMP/XAMPP server or any free hosting to demonstrate understanding of how to upload files on the internet. Screenshot evidence is required to demonstrate successful installation of a WAMP/XAMPP server for web hosting.