Predesign Templates

If you recently attended Anthony Blair-Borders’ session at the 2014 NTC Session — Start at the Start — thank you!

Below, you’ll find some of the Photoshop templates that I use here at Donordigital for creating color palettes, mood boards, and style tiles. Feel free to use them in whatever capacity you wish. And below that is a list of useful links for predesign planning and sketching tools.

If you have questions, comments, concerns, or just want to chat about web design, fell free to reach out to

Banner Ad Storyboard Template

Download ZIP File

Color Palette Template

Download ZIP File

Collage-Style Mood Board Template

Download ZIP File

Style Tile Mood Board Template

Download ZIP File

All of the Templates Above

Download ZIP File


Links and Resources:

Wireframe tools:
» Balsamiq wireframing software
» Free wireframe toolkit (for Adobe Photoshop)
» Free webpage wireframe stencil (for Adobe Illustrator)

Sitemap tools:
» Jumpchart for site-mapping

Mobile email samples and inspiration:
» Mail Chimp
» Campaign Monitor

Color palette and color inspiration:
» Color Scheme Designer
» Design Seeds

Guidelines for writing design rationales:
» Writing a Project Rationale, a guide for students
» Why Creative Rationality is Important