LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance...

31
1 LawLytics Phone: (800) 713- 0161 Email: [email protected] Website: www.LawLytics.com WEBSITE DESIGN FOR LAWYERS

Transcript of LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance...

Page 1: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

111

1

LawLytics

Phone: (800) 713- 0161

Email: [email protected]

Website: www.LawLytics.com

WEBSITE DESIGN FOR LAWYERS

Page 2: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

222

2

INTRODUCTION

Victoria BluteLawLytics Community Manager

Page 3: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

333

3

TODAY’S WEBINAR● Aesthetics and usability

● The importance of white space

● Defining your law firm’s brand

● Logos, taglines and colors

● Site speed and slimming your site

● Readability on the web

● Social media from a design perspective

Page 4: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

444

4

WHAT IS LAWLYTICS?LawLytics is the leading website system for lawyers who want their marketing to work without wasting time or money.

Unlike lawyers who hire overpriced design agencies, our members don’t overpay for useless website designs that dazzle but don’t perform.

Unlike lawyers who use do-it-yourself website builders, our members avoid making poor design decisions and struggling with technology.

Page 5: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

555

5

YOUR LAW FIRM WEBSITE DESIGN

Is your website design for you or

for your potential clients?

Page 6: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

666

6

WEBSITE AESTHETICS

Page 7: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

777

7

THE IMPORTANCE OF USABILITY

“Coffeepot for Masochists.”

From the collection of Don Norman, 2002.

Page 8: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

888

8

FOCUS ON WHAT MATTERS.

Don’t sweat the small stuff.

Page 9: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

999

9

THE IMPORTANCE OF WHITE SPACE

Minimalism brings important

content forward and minimizes

distractions.

Page 10: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

101010

10

LESS IS MORE: HICK’S LAW

Related phenomenon:

“Analysis Paralysis.”

Too many choices can

overwhelm.

Page 11: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

111111

11

YOUR LAW FIRM WEBSITE’S LINKS

“See our firm’s case results here.”

vs.

“See our case results.”

Page 12: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

121212

12

YOUR LAW FIRM’S BRAND

How does branding affect your law firm?

Page 13: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

131313

13

DEFINING YOUR LAW FIRM’S BRAND

• What is your firm’s mission?

• What are the benefits of choosing your firm?

• What do clients think of your firm?

• What qualities do you want prospective clients to associate with your law firm?

Page 14: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

141414

14

LAW FIRM TAGLINES

Does your tagline capture your brand?

Page 15: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

151515

15

CHOOSING A LOGO

What’s in a good logo?

Page 16: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

161616

16

THE SHAPE OF YOUR LOGO

How do potential clients respond to different logo shapes?

Page 17: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

171717

17

THE PSYCHOLOGY OF COLORS

How do colors affect the perceptions of your potential clients?

Page 18: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

181818

18

THE PSYCHOLOGY OF COLORS

Red:• Ambition• Aggression• Power• Success

Red alternatives: Carmine, crimson, ruby, scarlet, vermilion

Page 19: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

191919

19

THE PSYCHOLOGY OF COLORS

Orange:• Action• Assurance• Change• Enthusiasm

Orange alternatives: Apricot, carrot, peach, persimmon, tangerine

Page 20: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

202020

20

THE PSYCHOLOGY OF COLORS

Yellow:• Hope• Happiness• Intelligence• Youth

Yellow alternatives: Canary, citrine, goldenrod, lemon, mustard

Page 21: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

212121

21

THE PSYCHOLOGY OF COLORS

Green:• Calm• Efficient• Growth• Safety

Green alternatives: Asparagus, forest green, lime green, sea green, olive green

Page 22: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

222222

22

THE PSYCHOLOGY OF COLORS

Blue:• Relaxation• Communication• Trust• Progress

Blue alternatives: Azure, cerulean, Prussian blue, turquoise, teal

Page 23: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

232323

23

THE PSYCHOLOGY OF COLORS

Purple:• Luxury• Intelligence• Independence

Purple alternatives: Amethyst, lavender, lilac, plum, violet

Page 24: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

242424

24

THE PSYCHOLOGY OF COLORS

Brown:• Reliability• Stability• Nature• Humility

Brown alternatives: Bronze, chestnut, ecru, mahogany, taupe

Page 25: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

252525

25

THE CASE FOR RESPONSIVE SITES

Responsive websites vs. mobile-friendly websites

Page 26: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

262626

26

SLIMMING YOUR LAW FIRM WEBSITE

● Remove extraneous copy and other heavy elements

● Increase readability ● Site speed

Page 27: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

272727

27

REMOVING HEAVY ELEMENTS

Everything you put on your website needs a function and purpose.

Page 28: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

282828

28

INCREASING READABILITY

• Choosing fonts wisely

• Font size and line spacing

• High contrasts

• Shorter lines & paragraphs

• Highlights and lists (bullets)

Page 29: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

292929

29

SITE SPEED & YOUR LAW FIRM WEBSITE

How important is site speed?

Page 30: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

303030

30

SOCIAL MEDIA FROM A DESIGN PERSPECTIVE

• Images• Logos• Consistent branding

Page 31: LAWYERS 1 WEBSITE DESIGN FOR - LawLytics · 2019-04-18 · Aesthetics and usability The importance of white space Defining your law firm’s brand Logos, taglines and colors Site

313131

31

THANK YOU

Web: www.LawLytics.com

Phone: (800) 713-0161

Email: [email protected]