Project BFlash based web site

Kevin Nelson

Interactive Web DesignSummer 2010

Professor David Meyers

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

page 3.......................................... Overview

page 4........................................... Site Map

page 5...............................Concept Sketches

`TABLE OF CONTENTS

This website will be created to promote the technology and partially exposethe science behind the attributes of a professional tablettennis rubber facecalled “Technikue”.

The table tennis racket is made from laminated wood covered with rubberon one or two sides depending on the grip of the player.Table tennisregulations allow different surfaces on each side of the racket. The differenttypes of surfaces provide various levels of spin or speed, or in some cases,nullify spin. For example, a player may have a rubber that provides muchspin on one side of his racket, and no spin on the other side of the racket.By flipping the racket in play, different types of returns are possible.Bladestoday feature one or more carbon layers within them to enhance theircharacteristic and to give the player a greater margin of error when playingpowerful shots. Materials incorporated into table tennis blades today includeCarbon, Arylate and Aluminium.

“Technikue” is promoted to enhance the properties of the blade providing

great spin and control of the ball for offensive players

Creative

Rationale

The promotion will include FLASH but will employ Dreamweaver foraestethic structure. Features of the table tennis rubber will be designedinto the site, taking account of its texture,speed and its elasticity.

`OVERVIEW

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

HOME

ABOUT TECHNOLOGY

The navigation of”Technikue” websitewill be programmed for the user toaccess all pages from any page.All navigation buttons will rollover.

`SITE MAP

ENDORSEMENTS

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

CONTACT

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

CONCEPT1

sketches

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

CONCEPT2

sketches

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

CONCEPT 2 sketches cont’d

Adobe

Adventure pub

Ice Scream

Urban Bright

Fonts

Helvetica 14pt.

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Futura Bold 18 pt

A speed rating below 50 means very good control. From 50-70 is a goodall-around rating and anything over 70 we consider fast for offensive play.

Putting the right rubbers on your blade

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

CONCEPT 1 comprehensive

splash page

“About” page

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

CONCEPT 2 comprehensive

splash page

“About” page

Concept 1 was pursued to complete Project Bthe following pages reveal the final design

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Finals

Index.html

The ball was eventually omitted from the opening to focus on the rubbertechand brand. the audio of the ball is included on the rollovers.

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Finals cont’d

About.html

A rollover diagram of the racket structure was added to enhancecomprehension

”...the banner with running diagonal lines immediately draws attention...” - M.Murani

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Finals cont’d

Products.html

Rollovers of the rubber sheets and shopping cart options were createdThe diagonal stripes were programmed to stop ,since the continous loopbecame a distraction to the web content...

”...I'm not a fan of the scrolling stripes on the header bar....Could they go a little slower?...”-- J.Fidler

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Finals cont’d

Endorsements.html

You tube video was embedded to expose prospective customers of thenew level of play for players who chose Technikue rubbers.

“...Is there anyway to push the idea of table tennis further in the design? Right now, you haveto read the text to understand what the site is about...” - J.Pollak

flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Finals cont’d

Contacts.html

Mail link activated.