Chapter 2. Pre-Production: Paper covers rock

image with no caption

Tired of butting heads with a picky client? Yeah, you know the type... every time you show them their latest crazy design idea, they’ve already moved on to another look... another color scheme... another entire website. So how do you deal with fickle clients or those tricky hard-to-get-right websites? You start with paper, pencil, and a big fat pink eraser. In this chapter, you’ll learn how to work smart before you dig into your HTML editor. Coming up with a theme and visual metaphor for your site, mocking up sketches in pencil, and using storyboards will turn you into a nimble, flexible web designer. So get out your sketch pad, and let’s pre-produce!

Your first “international” gig...

Mark loves to travel. After college, he took a year off to backpack around Japan and experience everything the island nation had to offer–from sushi to samurai. Now that he’s back, he wants to document his experience. It’s up to you to build Mark a great, engaging website detailing his trip to Japan.

image with no caption

Mark’s got a ton of content, and all we know is he wants a great site. How in the world can we make sure we build Mark something he’ll love, without wasting a ton of time?

How would you start building Mark’s site?

Think before you code

Pre-production is all about getting ...

Get Head First Web Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.