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

Slides:

Advertisements

Similar presentations

+ Organizing and Outlining Old and New Methods: Tips and Tricks for Making the Most Out of Your Paper By Lauren Peterson, Peer Tutor.

Advertisements

. Website and file organization. How websites work.

Typical phases of a project: 1.Schematic Design 2.Design Development 3.Construction Documents 4.Construction Administration.

DENIM Reading Discussion Made for you by Sheila Vyas

Web Page Layout Design Techniques From Moodboard to Mock-up.

Story Boards. Creating and using storyboards Storyboards are an essential tool when designing websites. They help keep developers and graphic artists.

Week 1. Careers in Web Development  How many of you want to go into the field of Web Development or Web Programming? Introduction to Web 2 Web Designer.

Advertising. What is advertising? Advertising is a form of marketing communication used to encourage, persuade, or manipulate an audience to take or.

Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.

Notecards and Research A Survival Guide. The topic has been chosen Now what?

Designing for the Web 7 Useful Design Principles.

Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials The internet: Social networks and communities Suitable for: Improver.

Living with the lab Mind (and Concept) Mapping Getting your thoughts together...

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

Unit 12 LO3 Be able to design websites

Use Links to Popularize Your Web Site Prepared by Milton Zlotnick SCORE 476 Staten Island, NY.

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.

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

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.

WEB TECHNOLOGY STATEMENT OF INQUIRY: KNOWLEDGE INFLUENCES SOCIETY IN A DIVERSITY OF WAYS. HOW IT CONNECTS TO THE LESSON : LESSON 4 IS ABOUT THE DESIGN.

Austin Askren- computer apps I You can make different things. Make your animals talk or can record your own voice You can make your own animals and.

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

CREATED BY: BRAYDEN ROOS DO’S AND DON’TS OF WEB DESIGN.

8 TH GRADE 4 TH QUARTER PROJECT Due: May 15 th, 2013.

Second Site for The Master Genealogist (TMG) Neil Bradley February 2013 Unlock the Past Cruise (go to “Other” for course notes)

strategize We listen and give clients what they really want, without being afraid to express our expert point of view. We are a creative group of professionals.

The InDiCo Graphical User Interface (15') Antoine Vivet > Designer Free-lance for L O N G U E - V U E (design agency) The « InDiCo Guide line » will be.

WEB DESIGN. warming up WEB DESIGN  Look at the HOMEPAGE OF YAHOO on page 56  Answer the following questions: 1) Why do people create and publish web.

STORYBOARDING Not as in riding a story like a skateboard, but as in planning out your work.

Adobe Certified Associate Objectives 1 Setting Project Requirements.

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

Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.

6+1 Traits TM of Writing A St. Vrain Valley School District Professional Development online course module Created by Cathy M. Nunez, Instructor Career.

Activity 4 Protecting Ourselves. Keeping Safe There are lots of different ways we can be at risk on the Internet. How can we protect ourselves and keep.

By Group 3. Let us introduce ourselves! Hi my name is Sayra Foust! Hello my name is Tara Trefren! Hi I’m Eva Williams! We’re Group 3 and Rate it or Hate.

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.

Notes: Animation (yes or no): Text/Audio Narration: Title: Scene Graphics (yes or no) : Audio (yes or no): Slide number: Skill or Concept:

The presentation will focus on searches that access the ToxMap database. A simple tutorial of the basics on the website All of the demonstrations that.

The Design Process Year 9 Multimedia. The Design Process The design process is a systematic way of solving a design problem. Consistent Comprehensive.

+ Group Activity for VT Library web site Zerrin Ondin Mahdi Nabiyouni T.C.Jones Farzaneh Tabataba Ahmed Elbery Mohammed Farghally.

Notecards and Research A Survival Guide. The topic has been chosen Now what?

A Great Poster Is… Readable – use clear language, good grammar in all poster text Readable – use clear language, good grammar in all poster text Legible.

1 Web Search What are easy ways to create a website? 2 Web Search What is a blog? What type of content does this type of website provide? 3 Web.

Module 5 Requirements for a university essay Part 1 Transition Module 5 developed by Elisabeth Wielander.

Lesson Objectives 1) Review the steps involved in problem solving 2) Review the stages of the System Life Cycle 3) Describe what prototyping is and the.

Animation Portfolio Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1.

From idea to product… The Layout Sequence. Pre-Planning What is the finished product to do? (IDENTIFY THE PROBLEM) - Attract attention, inform, entertain...

Graphic Design Free Download.

Animation Portfolio.

Web Design Unit 5.

Multimedia Design.

Creating Website Content CS Programming Languages for Web Applications

How do we buy and sell on the Internet safely?

Tips for a Successful Final Consulting Project

Plumber’s Nightmare: PIPES Drawing

Graphic design in our culture lacks clear boundaries that give it

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

More leads, More enquiries, More sales

Thumbnail Sketches “Thumbnail sketches” are quick sketches used to communicate visual ideas for creative work before time is invested in the project.

The Development Process

Web Site © 3M All Rights Reserved 3M CONFIDENTIAL.

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

Notecards and Research

Creating Website Content CS Programming Languages for Web Applications

Step 4 Be A Reporter (The 5 W’s And An H).

Persona Informed Designs

Web Site © 3M All Rights Reserved 3M CONFIDENTIAL.

Can you believe everything you see?

Creating Website Content CS Programming Languages for Web Applications

Presentation transcript:

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

reveacademy.org © 2012 Reve Consulting LLC. All rights reserved. Why Storyboard? Storyboarding helps you and your client visualize where everything will go on each page of your website

reveacademy.org © 2012 Reve Consulting LLC. All rights reserved. Storyboarding gives you power This is arguably the most critical piece in web design... Storyboarding allows you to find a flow and persuade others to invest in your ideas!

reveacademy.org © 2012 Reve Consulting LLC. All rights reserved. How it works For each page of your site you will draw out what it looks like, brainstorm ideas and write what you’ll share. For example…

reveacademy.org © 2012 Reve Consulting LLC. All rights reserved. KIPP’s website and storyboard

reveacademy.org © 2012 Reve Consulting LLC. All rights reserved. KSA Homepage

reveacademy.org © 2012 Reve Consulting LLC. All rights reserved. KIPP’s website and storyboard

reveacademy.org © 2012 Reve Consulting LLC. All rights reserved. Example Notecard

reveacademy.org © 2012 Reve Consulting LLC. All rights reserved. Storyboard Tips Keep your pages consistent in structure and color Search the web for things you like and things you hate and STEAL ideas that work! Ask neighbors their ideas… Take your time on this- Make sure that you give details and you invest time in this part… It will help you a lot later!

reveacademy.org © 2012 Reve Consulting LLC. All rights reserved. Goal Start storyboard with specific details, colors, placement of objects so that you can walk anyone through your site. We will get feedback on these ideas and then use that to make our site as strong as possible!