Project ADreamweaver Web site

Kevin Nelson

Interactive Web DesignSummer 2010

Professor David Meyers

1960-1988

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

page 3.......................................... Overview

page 4........................................... Site Map

page 5.........................................thumbnails

page 6-17................... Visual comps/sketches

TABLE OF CONTENTS

This website is a tribute to the work of the late artist Jean Michel Basquiat. He was a graffiti

artist,produced punk-inspired postcards for sale on the street, and become known for the

political–poetical graffiti under the name of SAMO.In the 1980s he produced Neo -

expressionist paintings. Basquiat died of a herion overdose.

Creative Brief

Rationale

The experience will start with an index page and will allow the user to navigatethrough various pages that will expose Basquiat’s life and art. Users will alsobe able to purchase Basquiat memoribilia

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

`OVERVIEW

Thumbnails

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Home

Biography ShopWorks

The navigation of Basquiat websitewill be programmed for the user toaccess all pages from any page.All navigation buttons will rollover.

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

SITE MAP

Sub-Works

Visual Comps

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Index

“...I'm glad to see you incorporating his artwork into the backgroundbut would like to see more of it. The text field overlaying the backgroundcovers up so much of it; perhaps play with the size of that field more. ...the information seems to be lacking hierarchy right now...”-J. Fidler

Biography

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Visual Comps

“..I love the idea of using this rough hand-drawntypeface that is reminiscent of Basquiat's work. ...”- A. Raynor

Works

Visual Comps cont’d

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

“...I love the way the initial concept has been presented. Especially the "type".It does look very readable and also very artisitic. The yellow brings out andadds to the overall BASQUIAT feel. ..” - M. Murani

Visual Comps cont’d

Shop

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Concept 1 Revisions

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

The following revisions were made based on Unit 1 critique

Index

Concept 1 Revisions

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Biography

Concept 1 Revisions

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Shop

Concept 2 sketches

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

...more sketches

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Concept 2

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

index

Concept 2

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Biography

Concept 2

dreamweaver web site • kevin nelson • interactive web design • summer 2010 • professor meyers

Works