Download - Persuasion through Page Architecture with Nancy Webb

Transcript
Page 1: Persuasion through Page Architecture with Nancy Webb

Persuasion through Page Architecture

Nancy Webb

Bay Area Consultants Network

November 22, 2013 1

TM

Page 2: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

Today’s Talking Points

■ Page Architecture . . . ?

■ Visual vs. Verbal Communication

■ The Pages: Three Critical Considerations

■ White / Negative Space

■ Scannability

■ Visual Hierarchy

2

Page 3: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

Page Architecture . . . ?

3

Page 4: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

Page Architecture . . . at Work

4

Page 5: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

■ Written words make you hear spoken words

Visual vs. Verbal Communication

The Words

■ Visuals communicate viscerally

5

Page 6: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

Visual vs. Verbal Communication

The Words

6

Visual consistency clarifies content

Page 7: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

Newspaper

Visual vs. Verbal Communication

The Page

Annual Report

Spec Sheet

Textbook White Paper

Brochure

7

Page 8: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

Visual vs. Verbal Communication

The Page

8

Page 9: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

9

Negative/ White Space

Page 10: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

10

Negative/ White Space

Page 11: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

11

Negative/ White Space

Page 12: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

Scannability

12

Alignment + Scale + Weight + Color

Page 13: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

Scannability

Association

13

The Words

Page 14: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

Scannability

Association

14

The Page

Page 15: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

15

Go from large, bold type with color to small, light weight, black text.

Pattern Recognition

Visual Hierarchy

Page 16: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

16

Proposal

Page Architecture at Work

Page 17: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

17

Promotional Flyer

Page Architecture at Work

Page 18: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

18

Page Architecture at Work Spec Sheet

Page 19: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

19

Page Architecture at Work Newsletter

Page 20: Persuasion through Page Architecture with Nancy Webb

© 2013 Nancy Webb. All rights reserved

20

Transferrable Characteristics ■ Credible expert

■ Polished and professional

■ Well organized

■ Accessible and forthcoming

■ Easy to work with

Enable You To ■ Shorten your sales cycle

■ Expand your client/customer base

■ Raise your rates

Good Page Architecture = Persuasion

Page 21: Persuasion through Page Architecture with Nancy Webb

Persuasion through Page Architecture

510.531.3611 [email protected]

Thank You!

21

Bay Area Consultants Network

November 22, 2013

TM