GMD 177 Web Page Design

Spring 2010

Instructor: Mark Daybell

Email: mark.daybell@canyons.edu

Web: www.daybell.com/iconlogo

Web: www.daybell.com/color

Web: www.daybell.com/typographyfortheweb

Assignment #2: Silver Lake Wine Redesign Visual Design (200 points)

Objective:

Develop basic file/folder management skills. Develop skills in the area of icon and logo design, including tagline. Create usable web page layouts. Advance Photoshop skills by creating complex and dynamic web graphics.

Assignment:

Using Photoshop, redesign the homepage for silverlakewine.com. The redesign should generally follow web layout conventions, such as: logo located in top left-hand corner, navigation gives “feedback” to its visitor, left-hand or below header location of navigation, etc. Layout should have a clear, logical and appropriate visual hierarchy. Copy should be legible and when appropriate, use web-based typefaces, such as: Verdana or Georgia. Web graphics should have an emotional impact but remain usable and identifiable as to their function or purpose, i.e., a header should look like a header, a button should look like a button, a page title should look like a page title, content should look like content, etc. Color should be used strategically to create harmony and unity.

Your design should include:

• Original logo design of your creation
• Original tagline
• All content on silverlakewine.com’s home page
• All content-based images at their original dimension (except Twitter and Facebook logos)
• Clearly defined navigation area including all ten links
• Clearly defined five basic elements of a website: Header, Content Area, Primary Navigation, Footer and Defined Resolution (including background color)
• A dimension no greater than 1024 x 768 pixels
• 5 (five) wine bottle images at their original dimension with all corresponding content
• Recognized and harmonious color scheme drawn from the site’s primary focus

You will turn in:

· One folder titled “lastname_firstname”

· One Silver Lake Wine Redesign Visual Design .psd file, entitled “silverlakewine_visualdesign.psd” inside your folder

Your redesign is due at the beginning of class on March 24^th

Date: Spring 2010

Student: Name: _______________________________________

Assignment: Silver Lake Wine Redesign Visual Design

Overall Grade: _________/200 points

Folder/File Organization: : __/20

q All files and folders are entitled as instructed

q All files are in the correct format

Icon/Logo Design and Tagline: : _ __/60

q Icon/logo graphic follow basic principals of icon/logo design, such as: scalable, reversible, lack of detail, etc.

q Icon is a graphic representation of an object or action

q Logo uses an uniquely set, arranged and distinct typeface

q Original tagline explains the primary focus of the site and what makes it unique among competitors

Layout, Usability and Typography: _ __/60

q Layout has a clear, logical and appropriate visual hierarchy

q All content and required images from silverlakewine.com have been included

q Layout follows web conventions

q Five basic elements of a website are included and recognizable

q Where appropriate, web-based typefaces are used

q All type/content is legible

Web Graphics and Color Scheme: __/60

q Web graphics balance emotional impact with usability demands

q Web graphics are identifiable to their function or purpose

q Site has a recognized and harmonious color scheme drawn from the site’s primary focus

Comments: