COM 263 Design Process. o Example: Tampa International Film Festival Web Site.

Slides:

Advertisements

Similar presentations

Introduction and Planning your Site. Planning Your Web Site When Designing a Site for Yourself You have the final say over the design and content There.

Advertisements

Storyboarding Mr.. Gorman Media Literacy Harrison Prep

Reveacademy.org © 2012 Reve Consulting LLC. All rights reserved. STORYBOARDING CREATING A VISUAL MAP FOR YOUR WEBSITE!

Keywords: Layout, Design, Script, Navigation, Content, Features, Moodboard, Flow Chart Design a Multimedia product for a specified user need Learning Outcome.

Multimedia & Website Design Initial Planning (Part 3)

Interface Design 2 Week 3. Interface Design 2 :: Week 3 :: Calendar.

Information Architecture Week 7. Information Architecture QUIZ Please put your books away and get ready for this week’s quiz.

Design process. Design briefs Investigating Designing Producing Analysing and evaluating Design process wall charts.

2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.

Why planning? In order to make a successful project good communication is key! The process of planning and designing a project involves many people from.

Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.

5 Planning a Web Site Section 5.1 Determine the purpose of your Web site Define the target audience for your Web site Write a mission statement Section.

Why do we buy what we buy? What different forces converge to make us buy something?

INSPIRATION THE ULTIMATE THINKING AND LEARNING TOOL.

Section 5.1 Section 5.2 Determine the purpose of your Web site

211 Multimedia Web Design Lesson 7 Planning / Designing a Site.

ENG 205 CE-ME-MECE-MSE DESING DEVELOPMENT. Vocabulary items Brief (n.): detailed instructions or information that are given at a meeting Design brief:

Introduction to Interactive Media 02. The Interactive Media Development Process.

ePath Learning’s Design and Development Process

WEB DESIGN & DEVELOPMENT STROLLING THROUGH…. WHAT IS??? Web design (Designers) Look and feel Graphic Design HTML, CSS, JavaScript Create UI & UX Web Development.

Web Design Teams What role do you play?. Client Person or organization who pays for the website to be designed and maintained. Person or organization.

Dawn Pedersen. Audience Every site's ultimate aim is to communicate something to its users. If your website doesn't communicate what you want it to, your.

OCR Cambridge Nationals

Plan the site and its structure Plan the display and navigation Test Identify the audience Determine the site’s purpose Plan the structure Planning the.

Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.

Multimedia Design 1. 2 Objectives By completion of this session, you will be able to: Organize your multimedia project Develop Flowcharts and Storyboards.

Web Foundations TUESDAY, NOVEMBER 5, 2013 LECTURE 24: PROGRAMAJAMA ACCOUNTS, PHASE 2, SLICES IN PHOTOSHOP.

Applications for Web Development (CIS 162) Intro to Web Design.

Web Site Planning CITA 330 Fall 2010 Prof Mills 1.

BTEC Creative Media Production UNIT: 2 TASK 3. Learning Intentions To understand the principles of written communication To know how to make an effective.

Developing a Web Site. Two Components of Web Site Development Systematic Planning Systematic Planning Design and Development Design and Development.

Storyboarding The Why and the How…. Script vs. Storyboard Script: Written text of a screenplay or performance Storyboard: Panel involving sketches of.

Storyboarding The Why and the How…. A set of drawings that represent screen layout sequences First used by filmmakers to plan the sequences of movie scenes.

ITM 407: Human and Technology Interaction Management Chapter 9. Design Production Dr. Evren Eryilmaz.

 The aim of this unit is to provide learners with the understanding, knowledge and skills required to manage the production of a media product from the.

Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Deliverables -IA Methodologies -Research Topic Presentations.

Module 6: The Design Process LESSON 8 The Development Process Module 6: The Design Process LESSON 8.

Interface Design 2 Week 2. Interface Design 2 :: Week 2 :: Calendar.

Art 155 Information Architecture In-class Presentation Week 1B.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® DESIGN PROJECT PRODUCTION PHASES.

Unit 2: Multimedia “Energise your life” Project.  DiDA website DiDA website.

The Design Process Courtney Robertson. What are the two types of design? (List and define) Artistic Design: the type of design artists normally do Engineering.

A screen by screen outline of a training module in which each page represents a screen to be designed and developed. Each page includes text, images,

To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.

Information Architecture

1 Sky Business Website rebuild. 2 Agenda  Client Brief  Our Approach  Budgets & Timings  Agree next steps.

Kypros-net Website : Greek Tutorial Program SI 622 Evaluation of Systems and Services M. Elledge P. Zaphiris.

YEAR 11 - IPT Term 2 - Tools for Information Processing hardware and Personal information system.

MARK3030 Navigational Testing Navigation Design Basics all of the ways that users can move around a site and understand where to go revealed in the appearance.

4-0 MULTIMEDIA INFORMATION AND COMMUNICATION TECHNOLOGY.

Steps in the Graphic Design Process

Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.

Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 2B.

Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 2A.

Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.

Web Site Design Plan Checklist

Section 5.1 Section 5.2 Determine the purpose of your Web site

Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.

Project management 102 – PLANNING

Storyboarding The Why and the How….

DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.

The Development Process

Back to Table of Contents

DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.

Multimedia and Internet Technology

A01 DESIGN To be completed Your proposal  Your House style 

Proposals & Project Specifications

Developing a Web Site.

Presentation transcript:

COM 263 Design Process

o Example: Tampa International Film Festival Web Site

Needs Assessment o Meeting with client o Ask questions o Document Needs o Brainstorm Possible Solutions

Proposal o “Creative Brief” o Estimate o List of deliverables o Example: CCC Proposal ExampleCCC 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) Proposal Project description, estimate, list of deliverables Example: CCC Proposal ExampleCCC 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?