___Sam Lane
___Design For Web
____Scamps
____Initial Ideas
Finalised Sketched up Scamps within the measurements of my intial wireframe.
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.
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.
___Scamps / Initial Ideas
___Sam Lane
___Design For Web
____Wireframe
____Site Map
Container
Buttons
Width - 1024 PX Height - 768 PX
Width - 128PX Height - 64PX
Navigation Bar
Columns
Top/Left Aligned 100% Width - 1024 PX Height - 64PX
4 Column Grid Coumn Width - 256PX
Font Family Helvetica, Arial, Sans Serif
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.
____Type
Raisonne Helvetica
____Colour Scheme
___Wire Frames, Site Map, Type & Colour
___Sam Lane
____Digital Mock Ups
___Design For Web
____Colour Scheme
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.
Teal #00ffcc
___Digital Mock Ups & Images
___Sam Lane
____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.
___Design For Web
___Iphone App
___Sam Lane
____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.
___Design For Web
___Visual Reseach