Slide 1

Slide 1 text

Small but Stretchy RESPONSIVE CONTENT @designbyfront

Slide 2

Slide 2 text

sasquatchfestival.com CANVAS SIZE

Slide 3

Slide 3 text

REPOSITIONED RESIZED CUT BACK TURNED OFF /HIDDEN

Slide 4

Slide 4 text

google.com/trends Jan 2011 Apr 2011 Jul 2011 RESPONSIVE DESIGN CONTENT STRATEGY

Slide 5

Slide 5 text

“Whatever the device – we need to create layouts from the content out.” - Mark Boulton, A Richer Canvas, 24 March 2011 ..

Slide 6

Slide 6 text

Content Choreography by Trent Walton, July 14th 2011

Slide 7

Slide 7 text

CONTENT CREATION DESIGN DEVELOPMENT

Slide 8

Slide 8 text

GET INVOLVED or SUFFER THE CONSEQUENCES

Slide 9

Slide 9 text

MULTIPLE VERSIONS = BAD

Slide 10

Slide 10 text

MARKED UP CONTENT?

Slide 11

Slide 11 text

WE NEED TO: Own it Think small Edit 1 2 3

Slide 12

Slide 12 text

CONTENT CREATION DESIGN DEVELOPMENT

Slide 13

Slide 13 text

STARTING WITH MEANS LESS AND

Slide 14

Slide 14 text

Photo by Kim Smith

Slide 15

Slide 15 text

LESS IS MORE

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

GROW vs TRIM Photo by Pink Sherbet Photography

Slide 18

Slide 18 text

“If I’d had more time, I would have written a shorter letter” - Blaise Pascal, 16th Century

Slide 19

Slide 19 text

WRITING EDITING

Slide 20

Slide 20 text

Google: Responsive web design Mobile rst design Media Queries Follow me @hishellywilson