Web Layout to Final Design

Here is the progression of the creation of a website for Rusty Steel Band.

Layout:

Simple layout sketch

Sketch of the banner with placeholder content:

Banner & page sketch with placeholder content

Banner sketch with more detail created in Painter:

Banner sketch

Alternative banner sketch:

Alternative banner sketch

Storyboard with more fleshed out banner:

Storyboard

Banner with rust concept (vetoed by client):

Rusty banner version

And a potential rusty footer to match (but with blue background):

Matching rusty footer

Final banner design (without scrolling images inside):

Final banner design

Final screen shot of home page:

Home page screenshot

Multi-media page screen shot:

Media page screen shot

Check out the final website to see the flash scrolling banner which is way cooler with animation!

http://bradwallacedesign.com/OfflineWebsites/RustySteel/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s