Web Design for Hill Top Lavender Fields

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.  

You are progressing well as a junior web designer for a leading communications firm Pioneer Tech Ltd. An opportunity has arisen for you to work for a small client company called Hill Top Lavender Fields.

Hill Top Lavender Fields manage acres of green land where they harvest lavender. They provide a pick-your-own facility once a year, and run a small farm shop nearby where they sell handmade lavender soaps, lotions and other lavender-based products. Also seasonally, the general public are invited to visit the farm for a small fee.

As a result of their business growing and for further promotion, they are now looking to put their business online.

They have two main 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 (Hill Top Lavender Fields) 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 consider customer experience when designing and developing this website. 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 submit this assignment as a word document 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 https://validator.w3.org/ for HTML validation and

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?

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?