Redesign
Assignment |
||||||||||
11/8/17
By now you should have been well into the design for your final project. This should start with the company logo, whether you redesign it or not. You might consider redesigning the logo somwehat for the Web version, if it needs work. Here are two resources about logos: issues in their design, and design that stems from a logo : Dmitri's Design Lab (note the whole process here; in particular, see Lesson 10, and more on logos in Lesson 19). Objective The goal of this project is to produce a website that will include all components of digital media development. The project will allow you to tap your creative talents, demonstrate your Web development, include scripting components and present a professional project. This project should be directed towards your portfolio. The Project Description You have been hired by the managers of a company who have noticed that their Web site looks woefully inadequate compared to other peer businesses such as: Recent examples of bad "free" template or CMS sites:
What do you need to do? 1. Examine the logo (if there really is one) and decide how you might redesign it, and how it will inform the design decisions for the rest of your site. 2. Based on the existing site, decide on basic information that your site should contain, most likely
3. The home or other page needs to display an appropriate animation, such as a jQuery slide show. 4. Your order form must use a back-end PHP script to display the confirmation message and possibly send e-mail (e-mail may not be allowed on La Salle's servers). It should also use HTML5 input types (see Keith book or Rich Bradshaw link) and be adaptive for cell phone users. 5. Your products page or some other page needs to include a section using Flexbox. 6. Add <meta> tag and/or robots.txt file to stop crawling by bots. 7. Add your own favicon based on the company logo. Consider this specific Favicon Generator. Also try the Photoshop plugin described here. 8. The entire project should have a unified feel, including the forms page. You can use <table> as necessary for tabular data, but should try and make this a pure CSS site. You can consider the CS6 starter pages if you haven't already, or a grid system such as the 960. 9. The website should be about 6-8 pages in length. It should be a professional site that captures the identity of the company. 10. The website must include use of CSS layout and styling, some of which is CSS3, Flexbox, jQuery/JavaScript, HTML5 and PHP. 11. Include a <!doctype html> and test cross-browser. The site design, as always, must pay attention to the basic design principles. It also must have "real" content with correct grammar and spelling. Images should be optimized and credited on the page. Scripts can be credited in comments, as required by the writer. By noon on Tuesday, Dec. 12, you must hand in hard-copy documentation of the process of site creation to me in Olney 157 or my mailbox in Olney 141. This is to include the URL of the site and:
The completed site is due online Monday, December 11 (Email me the URL and be sure I have it at the exam; you can still use that day to finish up but don't change the home page URL.) Here are the class's sites:
|
||||||||||