com 263 design process. o example: tampa international film festival web site

12
COM 263 Design Process

Upload: dominic-owen

Post on 28-Dec-2015

214 views

Category:

Documents


0 download

TRANSCRIPT

COM 263Design Process

o Example: Tampa International Film Festival Web Site

Needs Assessment

o Meeting with cliento Ask questionso Document Needso Brainstorm Possible Solutions

Proposal

o “Creative Brief”o Estimateo List of deliverableso Example: CCC Proposal

Example

o 1) STORYBOARD: Storyboards can be rough. They are just sketches, like rough TV storyboards, to communicate ideas about how the elements will be seen on a page.

o 2) SITE MAP: Visual flow chart showing how pages are linked to one another. Site map usually only depicts first few levels.

o 3) OUTLINE (more detailed): The content outline indicates tall of the links/pages of the site and their content. Above is the rough outline for the Tampa International Film Festival’s first web site.

o PhotoShop Comp (or Illustrator)

Wireframes

Project Management Phases

o 1) Needs Assessment (meeting with client)

o 2) ProposalProject description, estimate, list of deliverablesExample: CCC Proposal Example

o 3) Site map, Outline, Storyboard Sketches(sometimes part of the pitch or sometimes paid for by client)

o 3) Photoshop Comps (usually home page)approved by client

o 4) Text / Script (approved by client)

o 5) Production (make sure everything is approved before you begin work)

QUESTIONS?