FINAL!!! WOOOOP!

Click Here!!

annotation

1st screen = homepage layout
2nd screen = when login is clicked
3rd+4th screen = when the social media, tweets, photos, videos, etc are rolled over
5th screen = when the left nav is rolled over
6th scren = when forums is clicked
7th screen = when a topic is clicked, threads are displayed
8th screen = when a thread is clicked, thread is displayed
9th screen = when the open lyrics is clicked
10th screen = when workshop is clicked
11th screen = when the full experience is clicked to reveal description and video pops up
12th screen = when about highlander is clicked in nav
13th screen = when workshop goals is clicked in nav
14th screen  = when open mic is clicked in main nav

Final Screen Shots Walk Thru

Click on each screen shot to get to the next screen shot:
Hip Hop Workshop - The Dialogue Lens

cause we're awesome

More Inspiration & Research

35 Creative & Inspirational Hip Hop Websites : March 31, 2011 (Visual Inspiration and Research)
CSS Awards: March 30, 2011 (Visual Inspiration)
Highlander Cultural Program: March 28, 2011 (Research)
Tribeca Film: March 28, 2011 (Visual Inspiration)
Love Letters to the Future: March 28, 2011 (Visual Inspiration)
Hip Hop Inspires Us: March 28, 2011 (Research)
Pattern Tap: March 18, 2011 (Visual Inspiration)
Hip-Hop Association: March 10, 2011 (Research and Visual Inspiration - Color)

Critique: April 4

• It's friendly, positive, and bright.
• It was a good idea to keep the background.
• The highlander logo looks slapped on there.
• We should move the text that says, "created by Highlander Research and Education Center". Maybe to the bottom? We might want to frame the website a bit with a bottom bar that could hold the text. 
• Do the background in photoshop. Add a drop shadow under the text. 

 

• There is a lot going on. 
• The roll call lyrics have weird spacing. It looks generics. Give it more personality.
  
• On the video/workshop page, get rid of the word "activate". It is confusing. Maybe use a triangle play symbol instead, or just use the word "play", something more clear. 

• On the "About Highlander" page, the text is daunting. Change it to two columns. The background color is boring. Rethink the title.

• On the open mic page, the elements are too close to the top of the page. Also, no white outline on the text. 

• On the forums page, where is the title? The categories' titles seem too large. It is unclear what the system for the title sizes is. When the lyrics pop up, they look out of place. Stylize it a bit, and make the window proportional to the text. 

• Make sure all pages have a similar grid system to ensure that all the texts and boxes have a similar hierarchy system.

New updated frames!!

So we updated the navigation and the color scheme!

We decided to go with black with bright colors of blue, purple and pink to give it some splash of color. 

This is an idea of what the homepage would look like, minus the background, as we are still working that out.

The workshop page containing what one of the videos would look like. THe Roll call screen

Start to working with the Forums

Working on color palette and the set up of the forums. Not going to use these colors, but this is a good start to the forums area. The font is nice too.