Motion Graphics 1 Midterm extension

Here's the midterm Haiku-

Dancing Dragons

Core project final
Interactive Interface to Brand BBoyBasics
What is B Boy Basics?

B Boy Basics is a way of life for the individuals that represents and help support the culture of hip hop by the colorful art form of Graffiti. The style, grace and movement of BBoying and BGirling. The rhythmic sounds of the Dj which go hand in hand with the poetic verses of Rhyming. This style of apparel embraces the life of everyday people and the language of Hip Hop.

Idea
The idea is to brand B Boy Basics and start creating a identity that for the apparel, which will help people to have a visual connection to the clothing line.

The idea for the interface would be to have the a zipper at the bottom of the interface that the user can scroll left or right on the interface. Then the user would be able to pick one of the images that would display the product and its visual meaning behind it.

References of ideas

I picked a page that references Kenneth Cole shoes.

In these ads the focus is not so much on the shoes , but more on the people wearing them. The identity or Branding of the Kenneth Cole shoes is done by showing, how regular people identify with his product. The ads create a narrative window into the people who could be interested in wearing Kenneth Cole products.



2, Aimee Mullens / Kenneth Cole ad
http://www.youtube.com/watch?v=qec520CLyhk









3, Kenosha Robinson / Kenneth Cole ad
http://www.youtube.com/user/kennethcolenewyork


4 Matisyahu / Kenneth Cole ad
http://www.youtube.com/watch?v=DRk0RUWaRXs

I’m (Still working towards creating the idea)

5. Julien Moya Design idea Concepts
http://www.julienmoya.com/graphiste-freelance-directeur-artistique-flash-webdesigner.html

6 Cyrano
http://www.julienmoya.com/graphiste-freelance-directeur-artistique-flash-webdesigner.html


Future Goals
To have a possible interactive site that introduces B Boy Basics through a narrative space.

I'm still learning how to use code for interaction. So I would like to further learn more action scripting to help me finish my project and move on forward to creating more interactive layouts.






Looking further into my final project. I looked at a couple more interactive sites that allowed users to experience information on a website, through using the designs in animation.

Project.
Overview

To create an interactive branding page, that provides information about the clothing line.

Here are some of my first layout designs.













I wanted to control my navigation of the page by a zipper. This way the user would feel that they would be finding out something new once they pulled down the zipper.


Design Precedents:

There were two sites that really got my attention about interactive design pages.
This site interacts with animation as well as allow the user to


1.) http://www.bio-bak.nl/.





2) Tokyoplastic.com







I studied these sites because they are examples of user interactive sites.





First prototype.













Second Prototype










Third Prototype

The Moog

Moog Synthesizer

I wish I created the Moog Synthesizer. A special keyboard instrument made to produce different types of organic and electrical sounds. This instrument was widely used in the early 70’s . We are in an age where everything has gone digital. The Moog was different because it was know for making electrical sounds from an analog computer. I would have love to have invented this tool because of the different ways you could make sound distort. Many different people have now made the most beautiful sounds in music today. I would have used it for making different types of sound effects for special effects in movie scores. The idea of coming up with making sound from a computer is outstanding.