Project Statement

Background We have been hired by Del Mar Hat Co. to redesign their site.

Target Audience People who are interested in hats. There are a few national affairs every year that they would also like to get recognition at, one being the Kentucky Durbey. A further marketfortheclientistobreakintothefilmandcostumeindustry.

Objectives We would like to do a site relaunch reaching out to old and new customers alike.

Obstacles Having people who have previously visited the site return after the redesign. The three prong order system would be hard to simplify.

Key Benefit The site would be much more user friendly and highlight the products in a modern way. Support Statement After substantial amount of research we fell that their is a bettering e-commerce order system out there that would suite Del Mar Hats. The redesign should appeal to a much larger audience and help our client to move forward in future endeavors. Tone Modern, easy to use, simplistic product highlights.

Media Website and marketing materials.

Creative Considerations We want to appeal to a hat wearing audience.

Landing Page

DefinedSiteHierarchy

Precise Writing

Clear Product Images

Navigation System

Ordering System

Competitive Analysis

Del Mar Hatshttp://www.delmarhat.com/

Yoogi’sCloset Dolce Vita The little hat shop

Cluttered and miss-ing many basic ele-ments

Clear and well or-ganized. Tag lines, welcome, headings

Large image and clear navigation

Enticing with slide show

Store, phone, inter-net

Phone and internet Online Store and Online

Yes, however images look outdated

Yes Yes yes

Left hand nav. Blue links, no bread crumbs

Top navigation with various shortcuts

Top navigation with various shortcuts

Left and top

No Yes, there are many clear markers.

Yes, many markers and drop downs

yes

Yes and stays on subject, but could be shortened

Short and descrip-tive

Yes yes

Competitive Analysis Yoogi’sCloset

Competitive Analysis Dolce Vita

Competitive Analysis The Little Hat Shop

Site Analysis Del Mar Hat Company

Obstacles/Resolution

SiteHierarchy:Toproduceawelldefinedvisualhireachysothattheusercaneasilyfindtheyproduct.

Navigation: Categorize like subject to be under similar navigation. Identify current navigation buttons that should be on the homepage.

Product Images: Update current product images. Have the focus on the hats and eliminate the models. for a more modern look and feel.

Revolving Information: The location and time of their shows is hidden under a navigation button. We will bring it to the homepage and have the information updated on a regular basis to a more dynamic site and to drive users to return to the site for updates.

Moodboard

Thumbnails

Thumbnails

Thumbnails

Thumbnails

Wireframes-Home

Wireframes-Product

Wireframes-Individual Product

Wireframes-Product View

Wireframes-Checkout

Style Guide

Typeface Helvetica Regular 36ptHelvetica Ragual 24ptHelvetica Regual 12pts

Color Choice

Hex Number

Images Example

Pic Examples

#FFFFFF #000000 #FFFFCC #99FFFF

Source