Project B Flash based web site Kevin Nelson Interactive Web Design Summer 2010 Professor David Meyers
`TABLE OF CONTENTS page 3.......................................... Overview page 4........................................... Site Map page 5...............................Concept Sketches
flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers
`OVERVIEW Rationale This website will be created to promote the technology and partially expose the science behind the attributes of a professional tablettennis rubber face called “Technikue”. The table tennis racket is made from laminated wood covered with rubber on one or two sides depending on the grip of the player.Table tennis regulations allow different surfaces on each side of the racket. The different types 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 much spin 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.Blades today feature one or more carbon layers within them to enhance their characteristic and to give the player a greater margin of error when playing powerful shots. Materials incorporated into table tennis blades today include Carbon, 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 The promotion will include FLASH but will employ Dreamweaver for aestethic structure. Features of the table tennis rubber will be designed into the site, taking account of its texture,speed and its elasticity.
flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers
`SITE MAP The navigation of”Technikue” website will be programmed for the user to access all pages from any page. All navigation buttons will rollover.
HOME
ABOUT
TECHNOLOGY
CONTACT
ENDORSEMENTS
flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers
CONCEPT 1 sketches
flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers
CONCEPT 2 sketches
flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers
CONCEPT 2 sketches cont’d
flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers
Urban Bright
Adventure pub
Adobe
Ice Scream Fonts
Futura Bold 18 pt Putting the right rubbers on your blade
Helvetica 14pt. A speed rating below 50 means very good control. From 50-70 is a good all-around rating and anything over 70 we consider fast for offensive play.
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
flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers
Finals Concept 1 was pursued to complete Project B the following pages reveal the final design
Index.html
The ball was eventually omitted from the opening to focus on the rubber techand 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 enhance comprehension ”...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 created The diagonal stripes were programmed to stop ,since the continous loop became 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 the new 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 have to 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.
flash web site • kevin nelson • interactive web design • summer 2010 • professor meyers