Web Design Technologies and Development for Clothes4All

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.  

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.

Your second task is to write a self-reflective commentary about your website design and development, testing and deployment techniques.

Having created your website project, you should write a self-reflective commentary critically reflecting on your project. Your commentary should critically explore the work you have done to produce your project. Your commentary should show evidence of your reading and research and use Harvard referencing.

Your reflection is a chance to look back on what you have done and to revisit key design and technical decisions you made and whether they were appropriate. You will evaluate the decisions made and their impact to determine any future enhancements/ recommendations as well as your own abilities to work as web designer.

Introduction to Clothes4All

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.

References/sources to support your arguments need to be cited and use Harvard Refencing.

Usability and Accessibility 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?

Further Enhancements As a result of your experience on the project, what do you recommend could have been done to make your solution even better for your client?   

·All components of the assignment (text, diagrams. code etc.) must be submitted in one-word file (hand-written text or hand drawn diagrams are not acceptable), any other accompanied materials such as simulation file, code, etc. should be attached in appendices.

·Standard and commonly used fonts such as Arial or Calibri should be used, font size must be within the range of 10 to 15 points including the headings, body text and any texts within diagrams,

·Spacing should not be less than 1.5

·Pay attention to the Assessment criteria / Marking scheme, the work is to be concise and technical. Try to analyse, compare and evaluate rather than simply describe.

·All figures, screenshots, graphs and tables must be numbered and labelled.

·The assignment should be logically structured, the core of the report may start by defining the problem / requirements, followed by the proposed solution including a detailed discussion, analysis and evaluation, leading to implementation and testing stage, finally a conclusion and/or personal reflection on learning.

·Screenshots without description / discussion does not constitute understanding and maybe assumed irrelevant.

·Please access your Turnitin Test Page via Dashboard or My modules to learn more about Turnitin and to make a test submission and to check your similarity score before uploading your final version

·You will have opportunity to submit as many times to your module pages as you want up until the deadline.

Make sure to make backup of your work to avoid distress for loss or damage of your original work, use multiple storage media (memory stick, cloud and personal computer).