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.