LegalReader.com  ·  Legal News, Analysis, & Commentary

Business

7 Must-See Law Firm Websites with Practical Design Tips, Part 1


— March 18, 2020

In a super-competitive business like law, a good website is a must. Everything matters – from wording to the positioning of background images. If you plan to build or overhaul your law firm website, use our list of seven great examples for ideas and inspiration. 

1) YLaw 

YLaw specializes in family law, divorce, and asset division. 

The site uses creatively chosen images and witty captions above the fold to explain what the firm does. They work much better than a dry description.

Ylaw home page; image courtesy of Ylaw.ca.
Ylaw home page; image courtesy of Ylaw.ca.

The first screen also features all the high-profile publications that covered YLaw. This instantly creates an air of authority. The More button is itself animated, inviting the user to scroll further.

Below the fold, the copy is easy to read and stresses the firm’s achievements:

Ylaw achievements; image courtesy of Ylaw.ca.
Ylaw achievements; image courtesy of Ylaw.ca.

Each of the lawyers gets their own detailed profile page. This allows visitors to establish a connection with the lawyer from the very start – an important thing in sensitive matters like divorce.

What can be done better: photos of the team should be in the same style and on the same background. Instead, they are all different.

Ylaw attorneys; image courtesy of Ylaw.ca.
Ylaw attorneys; image courtesy of Ylaw.ca.

2) FritzLaw

FritzLaw specializes in estate planning – in other words, writing wills, amongst other things.

Placing testimonials above the fold is a great way to create trust from the start. This is because visitors tend to focus their attention on the first screen, skipping most of the content below.

FritzLaw homepage; image courtesy of www.fritzlawstl.com.
FritzLaw homepage; image courtesy of www.fritzlawstl.com.

Next, FritzLaw explains who needs their services – in a simple, user-friendly way.

The site makes creative use of accordions and flip boxes to add interactivity. The grey-and-red color scheme is professional and refreshing. 

Why clients trust Fritz Law; image courtesy of www.fritzlawstl.com.
Why clients trust Fritz Law; image courtesy of www.fritzlawstl.com.

The blog deserves a special mention. It’s frequently updated and features subjects that are actually interesting. 

What can be done better: when placing a contact form on top of an image, make sure that it’s readable. Here the background is too bright:

Contact form; image courtesy of www.fritzlawstl.com.
Contact form; image courtesy of www.fritzlawstl.com.

3) McCarthy Law 

McCarthy Law is a group of debt collection attorneys who both settle and recover debts. 

The site isn’t flashy, but it works very well. The copy appeals to emotions, while the debt calculator form immediately engages the visitor:

McCarthy homepage; image courtesy of mccarthylawyer.com.
McCarthy homepage; image courtesy of mccarthylawyer.com.

Design takes second place here: it’s the words that matter. All the sections use simple diagonal transitions to add dynamism, but that’s about it.

Below the fold, the site continues to focus on the emotional aspects of debt relief. The two main themes are the feeling of freedom and the low cost of the service. 

Aspects of debt relief; image courtesy of mccarthylawyer.com.
Aspects of debt relief; image courtesy of mccarthylawyer.com.

The blog page is packed with useful articles. Each entry is accompanied by a picture of the attorney who wrote it. This promotes the firm’s expert image.

McCarthy blog; image courtesy of mccarthylawyer.com.
McCarthy blog; image courtesy of mccarthylawyer.com.

What can be done better: use an actual image of someone on your team above the fold, not a stock image. 

Come back tomorrow for a look at two more must-see law firm websites.

Join the conversation!