noco clothing web site

26
Noco Clothing Web Site By Ashley Parkin

Post on 14-Sep-2014

969 views

Category:

Design


1 download

DESCRIPTION

Slideshow of my plans for my Web Design 2 final project.

TRANSCRIPT

Page 1: Noco Clothing Web Site

Noco Clothing Web Site

By Ashley Parkin

Page 2: Noco Clothing Web Site

Creative Brief

My web site will be a mirrored and interpretive representation of your average high-end fashion web site. It will be an interactive presentation of the Noco brand, its inspiration, and its merchandise; in short, the company’s face on the Internet. The visual theme will be cool urbane sophistication, with smooth and uncomplicated mechanics in the site’s navigation and other features. I’m making a basic goal to create this site as close to my visual themes as possible, while keeping the site’s looks and mechanics accessible to as many people as possible. So far, the site will have the following pages:

Page 3: Noco Clothing Web Site

Creative Brief– Simple Flash Page (an entrance to the site)– Homepage– The Noco Manifesto (what the company and brand is about)– The Collection (subpages for Ready-to-Wear, Handbags, Jewelry, and other

accessories)– Contact (fake contact info, perhaps links to Facebook page or interactive Flash

piece)

This is merely a basic outline and is flexible for future changes or additions. My technical goals are to make this site accessible through the latest versions of Firefox, Safari for Mac, and Internet Explorer for PC. However, if it’s possible, I would like to make the accompanying Facebook page and maybe the interactive Flash piece accessible by phone, either through IPhone, Blackberry, or any other mobile device to enhance the site’s accessibility.

Page 4: Noco Clothing Web Site

Noco Clothing Web Site Outline (thebaracoos.com)

Home Page:– General site info (summary)– Slideshow of pictures (advertisement or product pics)– General site navigation– Secondary navigation (site map, contact, legal notice, copyright)

About Noco (inspiration, manifesto, “world of”):– General site navigation– Information about the brand and company (text)– Inspiration videos (making-of-product shorts, behind-the-scenes

shorts, maybe montage video)– Secondary navigation (site map, contact, legal notice, copyright)

Page 5: Noco Clothing Web Site

Noco Clothing Web Site Outline (thebaracoos.com)

The Collection:– General site navigation– Secondary navigation (site map, contact, legal notice, copyright) – Collection sections:

• Ready-to-Wear (thumbnails, regular-size version w/ product info, zoom-size)• Handbags (thumbnails, regular-size version w/ product info, zoom-size) • Jewelry (thumbnails, regular-size version w/ product info, zoom-size) • Accessories (thumbnails, regular-size version w/ product info, zoom-size)

Contact Info:– General site navigation– Secondary navigation (site map, contact, legal notice, copyright) – Email address (link and/or form section)– Facebook page link

Page 6: Noco Clothing Web Site

Noco Clothing Web Site Outline (thebaracoos.com)

Interactive Marketing Piece:– General site navigation– Secondary navigation (site map, contact, legal notice,

copyright) – Flash/PHP piece

Site Map:– General site navigation– Secondary navigation (site map, contact, legal notice,

copyright) – Links to all the pages on the site

Page 7: Noco Clothing Web Site

Noco Clothing Web Site Outline (thebaracoos.com)

Legal Notice:– General site navigation– Secondary navigation (site map, contact, legal notice, copyright) – Explanation of web site (thesis project created by grad student)

Copyright:– General site navigation– Secondary navigation (site map, contact, legal notice, copyright) – Bibliography/Project research sources list

Page 8: Noco Clothing Web Site

Site Map

Page 9: Noco Clothing Web Site

Wireframes: Enter Site

Page 10: Noco Clothing Web Site

Wireframes: Home

Page 11: Noco Clothing Web Site

Wireframes: About

Page 12: Noco Clothing Web Site

Wireframes: Display Pages

Page 13: Noco Clothing Web Site

Wireframes: Contact

Page 14: Noco Clothing Web Site

Wireframes: Flash Piece

Page 15: Noco Clothing Web Site

Wireframes: Pop-Up

Page 16: Noco Clothing Web Site

Mock-Ups: Home

Page 17: Noco Clothing Web Site

Mock-Ups: About Info

Page 18: Noco Clothing Web Site

Mock-Ups: About Videos

Page 19: Noco Clothing Web Site

Mock-Ups: About Videos (2)

Page 20: Noco Clothing Web Site

Mock-Ups: Collection Home

Page 21: Noco Clothing Web Site

Mock-Ups: Collection Section

Page 22: Noco Clothing Web Site

Mock-Ups: Contact Info

Page 23: Noco Clothing Web Site

Mock-Ups: Site Map

Page 24: Noco Clothing Web Site

Mock-Ups: Copyright

Page 25: Noco Clothing Web Site

Mock-Ups: Legal Notice

Page 26: Noco Clothing Web Site

Logo Ideas