Project 3: Website Belson Gold N' Hot Hair Straightener Process



HairStyleZ Official Website :http://digital-locker.design.yorku.ca/~angie24/html_site/images/html_final/official_site/Straightstyles.com.html



The objective of this website is to advertise and promote awareness about the device known as the hair straightener. The website will comprise of an all you need to know about hair straighteners from the origins to the best modern device which will leave one with the ultimate silky, shiny straight hair in particular the Belson Gold N' Hot Hair Straightening Iron.

This website will be fun and informative for those who wish to upgrade to the contemporary hair styling world where one can achieve the straight hair of their dreams in five minutes or less, also assuring damage free hair. Most importantly how one can have more fun while straightening their locks, guys and girls.

The content will be divided up into 2 main groupings Project 1 and Project 2. From that point on will be separate links so the viewer can easily access any information desired starting with project description, history, process of interaction, consequences, improvements and a bonus followed by the sketching for a new and improved hair straightening device.

Week 2 : Process

Sitemap redone



Wireframes:
Angie24Wireframe.jpg

Angie24Wireframe2.jpg

Wireframes final




Layouts final

(unable to upload donno y X_x!!)

Week 1: Process

1.Site Map

Angie24Sitmap.jpg

2. Chunking & Patterning

First Page
  • text (title)
  • Imagery
  • Navigation bar (project 1&2)


Project 1
  • Title
  • Body text
  • Imagery
  • subheadings (links)
Project 2
  • Title
  • Body text
  • Imagery
  • subheadings
Product Description
  • Title
  • body text
  • Imagery
  • subheadings
  • Link back to Pro. 1
Device Concerns
  • Title
  • body text
  • imagery
  • link back to Pro. 2
History
  • Title
  • body text
  • Imagery
  • link back to Pro.1
Improvements
  • Title
  • body text
  • subheadings
Interaction
  • Title
  • body text
  • Imagery
  • subheadings
  • body text
  • link back to Pro.1
Week 1
  • Title
  • body text
Consequence
  • Title
  • body text
  • link back to Pro.1
Week 2
  • Title
  • body text
  • sketchings
Improvements
  • Title
  • body text
  • imagery
  • link back to Pro.1
Week 3
  • Title
  • body text
  • sketchings
  • flowcharts
  • top 5 devices
  • imagery
Bonus
  • Title
  • body text