bboy_logo.gif

TABLE OF CONTENTS


Abstract
Statement of Interest
Competitive Analysis
Audience
User Profiles
Flowchart
Mood Board
Wireframes
Book Cover

Abstract
To develop, create, design and produce an interactive motion player that emphasizes signature break-dancing moves. This player will introduce and educate users how to develop many moves that are associated with break dancing. The player will provide step by step instructions on how to perform the proper movements to achieve a particular style move.

Top of Page >>

Statement of Interest
Ever since I could remember I always loved to dance. When I was a teenager I was introduced to an art-form called “break-dancing.” It was then a group of my friends would practice in garages, alleys or where we could to try out different moves and styles. It was an awesome feeling to go out to show off our talents that we worked so hard on.
To this day I give the respect to anyone who can step in front of an audience and show their own unique style of dancing. That is the true
essence of “break-dancing” - to represent a culture that seeks originality and individuality. All these reasons are why I am so ecstatic to create this interactive dancing machine.

Top of Page >>

Competitive Analysis
Doing research on my competitors I find that for an industry that is creative and artistic they are very primitive in their web design. I assessed three web sites that comparatively try to do what I am striving for.

Top of Page >>

BBOY.ORG
http://www.bboy.org
This web site offers many related topics on break dancing but is very hard to find things on the homepage. The hierarchy is all over the place and to me not very organized in an aesthetic way. The site offers a nice “Forum” link where users can express their opinions and create topics relative to “bboying.” The video page is just a bunch of video’s that I assume the webmaster has posted to show you different tricks and moves. My approach is a little different from just videos that you can view. I want to try and achieve a more “motion-illustrative” kind of tutorial. I think it is very easy to post videos of people that break dance. I am trying to bring a more interactive style to a some what boring “you-tubish”genre. Although my player will eventually allow users to post video of the move they are practicing on under the player.
This web site offers many related topics on break dancing but is very hard to find things on the homepage. The hierarchy is all over the place and to me not very organized in an aesthetic way. The site offers a nice “Forum” link where users can express their opinions and create topics relative to “bboying.” The video page is just a bunch of video’s that I assume the webmaster has posted to show you different tricks and moves. My approach is a little different from just videos that you can view. I want to try and achieve a more “motion-illustrative” kind of tutorial. I think it is very easy to post videos of people that break dance. I am trying to bring a more interactive style to a some what boring “you-tubish”genre. Although my player will eventually allow users to post video of the move they are practicing on under the player.

bboy_org_home.png

MR. WIGGLES
http://www.mrwiggles.biz/mr_wiggles_home_page.htm
Mr. Wiggles is a pioneer in the bboy industry and is part of the infamous “Rock Steady Crew.” Originally from New York (Bronx) he is Puerto
Rican and has a variety of skills that the bboy community embraces as legendary. His web site is not as legendary looking at his moves however. Going to the home page it is filled with many animated gif’s and another confusing usability issue. I do not know where to go when first going to the site. His site includes a “Clips” (video) link that shows his crew and himself in action. He also has “Products” which the web site seems to portal to. It looks as if the site is really a portal to buy Mr. Wiggles DVD’s and Shirts (but not in a marketable way). This site is a community site but it points to his DVD’s to learn how to “lock and pop.” There are no links that provide lessons or tutorials to learn “break dancing.”

mrwiggles.png

RED BULL BC ONE
http://www.redbullbcone.com/
This site is by far the cleanest and most aesthetic out of the three web sites I researched. Organization is to the point and clean. They have a top navigation which includes Battles, B-Boys and Game. Red Bull BC One, is a competition where 16 of the world’s best B-Boys meet to compete and to determine in a one on one knock-out-battle who is The One. This site provides information about this annual event and the bboy’s that compete in this major event. mr. wiggles homepage mr. wiggles clips page The site provides the progress of the competition that provides some of the best moves in the industry. Again there is no learning section since this site’s focus is on the competition so it’s audience are fans that want to know information about the competition. The site also offers a cool interactive game where you can control an animated character and by using points - direct him to do break dancing moves. This is by far the most interactive piece I have seen in the web sites I have researched.

red_bull_game.png

Top of Page >>

Audience
The audience I am trying to attract are mainly the “students of the game” break-dancers. I want the player to be informative to both novice and skilled b-boys. The player will be used prmarily for novice users trying to practice their skills. That does not mean it will not be beneficial to more skilled break dancers. The player will have many moves that will require different skill levels. For more well-rounded breakers the player will be more of a technical tool to polish their moves.

Target Audience
The Just B Boy player’s target audience will be directed towards the hip hop generation of today. Primarily between the ages of 12 - 30 but dance has no age limit so the player does not discriminate based on age. The purpose of this site is to educate and make aware of this culture’s diverse creativity. It is like any other art form...many artist just need an opening to express themselves. When break dancers get together to “battle” they have to build enough courage to enter the “circle.” If your moves aren’t that polished your confidence to dance in front of people might not be too high. I want to produce the player with the intent that the younger generation can appreciate a tool that will make them not only a better dancer but can enter that “circle” with confidence. This generation needs positive influences to keep them off the streets and in the room learning something.

Obviuously the media I am using will be distributed though the computer via World Wide Web but would be open to newer gaming platforms such as Wii in the future (if the first initial steps prove successful). social networking in this era will be the catalyst to spreading this tool. Facebook, MySpace are a couple networking tools that can make this program a huge impact.

Top of Page >>

User Profiles


User 1

John
Picture_3.png

Age: 29
Residence: New York, NY
Occupation: Graphic Designer

Interests
Watching TV, snowboarding, music, going out with friends, getting down on the dance floor, collecting sneakers, fixing things, riding my bicycle.
Workstation
Apple iMac, 2.4GHz Intel Core 2 Duo, 1GB memory, 250GB hard drive
Browser of choice
Firefox 3.0
Description of self
I would descibe myself as a free-spirit. What comes along doesn’t suprise me anymore. Been there done that. I love to try to challenge myself in new different ways. I am always on the move and can never sit still.
Always looking for the next adventure. Love to look fresh at the spots. I collect cool t-shirts and really picky with my jeans.

User 2
Picture_5.png
Stephanie

Age: 23
Residence: San Francisco, CA
Occupation: Marketing Director

Interests
Extreme sports, shopping, having fun no matter where it is, dancing,
animals, reading, movies.
Workstation
Sony Vaio FW 2.63GHz Intel Core 2 Duo, 128GB state drive, 8GB RAM
Browser of choice
Internet Explorer
Description of self
I love shopping for the hottest gear in style. I’m a tomboy, growing up with 3 brothers I was always on the scene with them. I love dancing when we go out so I wear lots of sneakers to go with my outfits. I find myself out going and always looking for new friends to hang out with and kick it with. If I’m home I love being in comfy clothes and doing silly dances in front of the mirror.

User 3
Picture_1.png

Marky
Age: 26
Residence: Los Angeles, CA
Occupation: DJ

Interests
Mixing music, finding records, sneaker freak, old movie classic buff,
playing video games.
Workstation
Apple 17 Inch MacBook Pro, 2.66GHz Intel Core 2 Duo processor, 4GB memory, 320GB 7200-rpm Serial ATA hard drive4
Browser of choice
Safari
Description of self
A little about me...well I love music especially hip hop. I am an enthusiast to the old school. Love spinning at local gigs and hanging out with my fans. work mostly at night so in the days I like to chill, take naps, go to Wendy’s, play video games and setting up the next mix for gigs.

User 4
Picture_2.png

Michael
Age: 22
Residence: New Jersey
Occupation: Photographer

Interests
Video gamer, taking photos of random stuff, grafitti buff, love urban art, skateboarding, modifying my computer.
Workstation
Apple Power Mac G5 Duo Core, 2.0 GHz, 2GB memory,
150GB hard drive
Browser of choice
Firefox 3.0
Description of self
Like to be in my own world. Love surfing the net for the cheapest deals on video games and camera stuff. Mike Giant is my favorite graffiti artist. A little on the shy side so don’t really hang out at the clubs or bars too much but if do it’s with a few friends. More of a home buff, laggin around in my pajamas and playing video games.

Top of Page >>



Flowchart


flowchart.gif

Top of Page >>

Mood Board


Mood_Board.jpg

Top of Page >>

Wireframes


client_wireframe_home.gif client_wireframe_moves1.0.gif client_wireframe_moves1.1.gif client_wireframe_styles2.0.gif client_wireframe_styles2.1.gif client_wireframe_bboy3.0.gif

Top of Page >>

MIDPOINT BOOK COVER

justB_cover.gif

Top of Page >>

LOGO COMPS

bboy_logos.gif

Top of Page >>


STEP BY STEP ILLUSTRATION (SWEEP)

step_by_step.gif

Top of Page >>

These are a couple of moves I have developed for the instructional video:

Sweep.mov



Toprock.mov



Top of Page >>