Looking at workflow, tools and techniques of web design.

1. Design Workflow
Rob Lavender
Freelance Frontend Designer/Developer

2. Mood boards
A multitude of ideas quickly
Client communication tool
Makes research fun

3. Mark Boulton
Briefs
Flowery
Wooly
Tight
Loose
Ideal

4. Inspiration
Stock images
Art History
Understanding the language of design
Collaborate with other designers

5. Pattern Tap Design Meltdown

6. Elliot Jay Stocks
Andy Clarke

7. Tools
www.atinytribe.com

8. Style Tiles
Samatha Warren
http://bit.ly/gvHKSu
“ beyond swatches and colors; it’sthat extends far
designing is a complex process
a comprehensive
approach to problem solving.

10. Elliot Jay Stocks
Research Aesthetics
Structure Layout and Composition
Information Architecture The Artistic Layer
Wireframing Typography
Tone, Mood, and Atmosphere Images
Interaction Deliverables
Navigation Design Comps
Forms Style Guides
Audio and Video

11. Style Guides
Andy Budd
Pattern Portfolios

12. Style Guide
Pattern Portfolio

13. Typography
8 Faces What the font Web Fonts

14. Rob Lavender
Lavender Web Design
robert@lavenderwebdesign.co.uk
@robertlavender