lawyers 1 website design for - lawlytics · 2019-04-18 · aesthetics and usability the importance...
TRANSCRIPT
![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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/1.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/4.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/6.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/8.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/9.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/11.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/12.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/14.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/15.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/16.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/17.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/18.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/19.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/20.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/21.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/22.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/23.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/24.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/25.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/26.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/27.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/28.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/29.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022050311/5f738e68f6085f065e6f9232/html5/thumbnails/30.jpg)
303030
30
SOCIAL MEDIA FROM A DESIGN PERSPECTIVE
• Images• Logos• Consistent branding