FMP: Brief One: Nike IDB

Showing posts with label Brief One: Nike IDB. Show all posts

Sunday, 15 May 2011

FINAL BOARDS ISSUU DOCUMENT

Final presentation boards for this brief. Showcasing the brief, the problem and solution. The products and deliverables.

PROMO, BANNER TO HOMEPAGE

Showing the process of how the promotion works in terms of interactivity...

Firstly the online web banners, upon clicking on this you will be sent to...

The homepage of the Nike Snowboarding site, which will be a piece of secondary promotion on IDB, which has a link to take the user to the IDB page or straight to the standard site...

The homepage of... nikesnowboarding.com/nikeidb

PROMO CONTEXT NIKE SNOWBOARDING.COM

All of the web banners and advertisements act as links to Nike Snowboarding.com the homepage of which is always a piece of promo for whatever new product they have released of late. An example below....

So a piece of promotion on the Nike site which would lead to the IDB page.

PROMO CONTEXT WEBSITES 3

The Mpora site with a full advertisement on their homepage.

Applying Nike IDB full page advertisement to it. Keeping in line with the web banners...

Clicking on which will lead the user to Nikesnowboarding.com' homepage which is another piece of promotion for Nike IDB.

PROMO CONTEXT WEBSITES 2

The three various GIF web banners in context of appropriate web sites.

PROMO CONTEXT WEBSITES 1

Showing the banners in context.

Mpora.com

The home of all action sports. In association with Whitelines magazine and numerous chain and private board stores.

WEB BANNER 3

WEB BANNER 2

PROMO WEB BANNER 1

PROMOTION CAMPAIGN

Keeping this a purely digital brief I have decided to base all promotion online.
So web banners, full home page advertisements, promotion on NikeSnowboarding.com are the kind of things I will be producing.
Having a specific audience makes this task somewhat easier as it defines the context for any promotion. So for my proposed web banners they will need to be situated on board related websites. As with all of my online promo.

Online promotion campaign will consist of...

3 x GIF web banners. Various sizes.

1 x design for full home page advert.

1 x homepage design for Nikesnowboarding.com

Social Media Campaign: Tweets and Facebook messages / status' spreading the word and hyping the release date of Nike IDB.

ISSUU DOCUMENT OF ALL DESIGN STAGES

Showing the whole process, the experience of the user, selecting choices and designing a custom Nike IDB board.

HUB DESIGN EXPLANATION

The above pdf showing the stage process, selecting options and what not.

Below an image for my boards and generally explaining the hub, layout, what each feature is and does.

HUB DESIGNS - SUMMARY PAGE

HUB DESIGNS - TYPE 4

The last stage of design, colour choice. Image of designed board coming in the final stage of the whole process, summarising the choices made.

HUB DESIGNS - TYPE 3

Example design of the general info button being selected. Giving a brief yet exact description of the choice at hand. Here an explanation of what the sidecut is and what it effects of the board.

HUB DESIGNS - TYPE 2

No explanation needed for sizes, self explanatory so therefore get rid of drop down info points. 'x'

HUB DESIGNS - TYPE 1

Design for the third stage of design. The Camber. The standard page example, choices with drop down explanation and arrow button to select / next phase.

Monday, 11 April 2011

Hub Development

Beginning to design the visuals for the HUB, specifically playing with the codes I've made up for the choices when designing the board. From Board model where the choice is a simply word and The Core where its more of a code.

Keeping the same interactive system as the home page I've already designed, + turning to a x when selected, also gone for highlighted colour. Typeface the same, Helvetica Neue Bold and regular. Black, Grey and the branded teal colour.

Showing the interaction process, selecting an option and this dropping down reveling description of choice. Triangle used for the 'select' button. when chosen this, moving onto the next design stage.

Code design...

This working in two parts, choice of wood and carbon Fibre, this drops down to the selections within this category. Which again drops down into specific descriptions.

Just some visual experimentation. Prefer the original. cleaner / slicker.