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 powerThis 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!