___Sam Lane ___Design For Web ___Scamps / Initial Ideas

____Scamps

Finalised Sketched up Scamps within the measurements of my intial wireframe.

Four Column Grid, with Image & Text based content.

US/O logo floating above the content fixed with the content moving behind it.

Navigation bar aligned top left and will remain consitant throughout.

____Initial Ideas

My initial ideas was to have a full scale image as the background to the website but I figured that this would be hard to configure to all screen aspect ratios without the image becoming distored. I had the idea of using the pink and purple colours from part of my original work to become the backdrop for my website with an overlaying of white text. I experimented further before settling on the simpler layout for usability.

___Sam Lane ___Design For Web ___Wire Frames, Site Map, Type & Colour

____Wireframe

Container

Width - 1024 PX Height - 768 PX

Navigation Bar

Top/Left Aligned100% Width - 1024 PXHeight - 64PX

Font Family

Helvetica, Arial, Sans Serif

____Site Map

A four page website which consists of a Home Page, Schedule, History and Rivalries. Will all be linked together with a navigation bar that is in a fixed position.

RaisonneHelvetica

____Type

____Colour Scheme

Buttons

Width - 128PXHeight - 64PX

Columns

4 Column GridCoumn Width - 256PX

___Sam Lane ___Design For Web ___Digital Mock Ups & Images

____Digital Mock Ups

Digital mock-ups that fit my wireframe and scamps.

Images and the Buttons have been scaled down to the correct size and saved for web as .png and .jpeg files to be easily placed into my dreamweaver coded template.

The layout is simple, and I decided to go with the black and white theme with hints of the Teal colour. From my first crit and personal research, I realised that the easiest websites to function and also mostly the best asthetically pleasing websites tend to have a limited colour pallette.

____Colour Scheme

Teal

#00ffcc

___Sam Lane ___Design For Web ___Iphone App

____Iphone App

The US/O App will be available for the Iphone and is designed to fit in seamlessly with the Apple product.

The App will contain the same amount of content as the website and more and will be an on-the-go, quick acess app that updates users on court schedules and news as well the background information and history of the company, if needed.

___Sam Lane ___Design For Web ___Visual Reseach

____Visual Research

Various visual research across Web Design and Design for modern technology, Iphone applications. I’m particularly interested in grid-like structures, black and white simplicity with hints of one block colour.