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

2. 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

3. 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!

4. 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…

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

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

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

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

9. 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!

10. 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!