The Law Firm Website Checklist

When it comes to website design for law firms, you don’t need to be a web developer to end up with a great law firm website. Think of your own favorite websites—you probably like them because they let you accomplish what you’re looking to do with as little friction as possible. Meanwhile, your least favorite websites probably stick out as being frustrating to use or unhelpful.

How do you know that your law firm’s website is attractive and easy to use? We’ve put together a checklist of key points to consider.

Whether you’re building a brand new site or making changes to your existing one, this checklist will help you take your law firm’s web marketing to the next level.

1. Is your contact information prominent?

There are few things more frustrating than searching a website for contact information. And if you need legal help, you might already be in a poor emotional state. Making it easy for a prospective client to find what they need at a difficult time could mean the difference between winning their business and losing them to a competitor.

Make your contact information prominent (and accurate), and give visitors multiple options for contacting you—such as an email address and social media profiles—to eliminate any barriers.

2. Have you considered your users?

The easiest mistake to make in web design is to build a website that does not serve your users.

Spend some time thinking critically about who you want to attract to your website, and ultimately, your practice. If you have an existing website, look through your site analytics to find out who is using your website and how. Making data-driven decisions is the best way to improve your website’s performance.

Note: If you have no idea what we’re talking about when we say “site analytics,” use this handy guide to set up and/or learn how to use Google Analytics for your website.

Start by asking these questions:

Who is my typical client?

You likely have a lot of information on what your potential clients look like. Consider their backgrounds, where they live, how they found you, and how they prefer to communicate with you. Knowing who these people are, and as much about their circumstances as possible, will help you to communicate with them.

There are plenty of sources for information. Let’s take the example of a family law practice that focuses on divorce. According to the U.S. Census Bureau, the highest percentages of divorce in 2009 were among those 35 to 44 years old. Knowing this information would help frame how you appeal to this audience with your website.

What is their state of mind?

Now you’ve got plenty of information about your typical clients, but people are more than aggregated statistics. Once you have a good understanding of the demographics of your clientele, you’ll need to put yourself in their shoes—specifically when they’ll be using your website. This will give you a good idea of how their state of mind might affect how they use your site.

If someone feels they have been wrongfully dismissed from their job, for example, they may feel frustrated, hurt, and angry, and they will likely be looking for immediate help. When this person visits their potential attorney’s website, they will want to see upfront that you have dealt with similar cases before.

Consider a young person who is about to purchase their first house. They are likely excited, but also nervous about correctly handling such a large transaction. They might take more time to compare different real estate attorney websites. Providing upfront information—such as a checklist for buying a house, for example—could help establish trust. That checklist could end up being the reason this young person ultimately picks you to complete their purchase.

For this exercise, it can be helpful to create user personas, or fictional representations of your typical clients, complete with names and backstories. It is common to create more than one persona to represent the multiple services you offer, or variations endemic to your area of practice. For example, divorce clients will have different priorities, depending on whether or not they have children.

3. Are you using headers appropriately?

Headers may make text appear bigger on a page, but they also do much more than that. Using header tags in your HTML signals the significance of the information in and below the heading and creates a content hierarchy.

Think  of it like the table of contents in a textbook—if you appropriately label the book title, section titles, and the chapter titles, it makes finding the information you want easy. But, if you give equal weight to every title, it becomes a mess.

Aside from categorizing information visually, proper headings are critical for two other reasons: They’re good for SEO, and they’re key for accessibility. When you use heading tags appropriately, search engines like Google or Bing use that information to indicate what each page of your website is about, and when to display it in search results. When it comes to accessibility, screen readers—used by people with a variety of disabilities including low vision—rely on header information to navigate between sections of websites.

4. Can you use your website on a mobile device?

In November 2016, mobile and tablet use of the web exceeded desktop use for the first time in history. Even if your own website statistics show that you have more users on desktop, Google uses mobile-friendliness as one of the signals for ranking in search results on any platform. So,  even if your clients prefer a desktop experience, improving the way your site appears on a mobile device will help everyone find you.

Here’s an example of how your law firm website might look on mobile:

Law Firm Website in mobile view for a Family law practice with "wills and estates" and a photo of a hand behind it and "prepare yourself for the future" with a blurb below. Demonstrating how a page needs to appear on mobile.

Because screen sizes are much smaller for mobile devices, your content will need to follow a logical flow of topics and organization. You’ll also need to ensure your images scale to a much smaller presentation.

5. Is your website helpful?

When you’re trying to consider all of the elements of web design—including SEO, accessibility, design and web best practices, and voice and tone—it’s easy to get lost. However, one key point should guide you through everything—Whenever you are making a decision about your website, ask yourself: Is it making my website more helpful?

Since you’ve done the work to understand who is using your website, apply that lens to your question.

Should you include a link to counselling service in your blog post about surviving divorce? Someone reading that post is likely looking for support, so yes. Should that same link appear as the first option on your contact page? Probably not, because while it may be helpful in a different spot, someone looking at your contact page is trying to accomplish the task of contacting you—anything that distracts from that task is not helpful.

6. Are you using good quality photos? Are they slowing down your site?

Smartphone use is on the rise; 72 percent of people in the U.S. and 68 percent of people in the U.K. own smartphones, and by extension, cameras.

While those cameras take surprisingly high quality photos, it doesn’t mean you should use them on your website. Be critical about the photos you use—they should be of high quality, and should reflect the brand you’re trying to build. Leave the surfing photo from your last vacation for Facebook, and consider getting professional headshots taken for your site.

Also, there’s a lesser known but just as important consideration when it comes to photos: their size. The average iPhone 5 picture is 2.3 megabytes large. In the United States, that means loading a single photo across a mobile network costs about $0.15.

Consider that you’ll want your website to have higher quality photos—likely many of them.

In fact, 66 percent of the size of the internet is images, and they are costing your potential clients money by way of increased mobile data usage.

They are also slowing down your website, which could be costing you money. In 2016, Google published a study called The Need for Mobile Speed, which found that if a page takes longer than three seconds to load on a mobile device, 53 percent of people will abandon trying to see that website. Here’s the problem: The average load time for mobile sites is 19 seconds over 3G. The same study compared mobile sites that loaded within 5 seconds versus 19 seconds and found that the shorter load time resulted in 70 percent longer average sessions, or the time spent on your website.

Translation? If you can keep your site loading quickly on mobile, mobile users will see your site. If you don’t, they won’t wait for you.

Keep your images as small as possible without sacrificing quality. There are many image optimization choices out there, but it’s best to start simple: Upload images that are only as big as they need to be, and downgrade the image quality to the lowest you can get away with without noticing the change. It will take some testing to find the optimal size and quality of images for your site, but many options like TinyPNG help you optimize your images.

7. Is your website accessible?

Accessibility comes in many forms, and having an accessible website is key for connecting with any and all potential clients. There are technical ways to make your website accessible to people with low vision who may be using screen readers, or to people with mobility concerns who may be using alternatives to a mouse. You can also make certain design choices, such as contrast checking the color of your text versus the background of a page, or taking colors into consideration for those who are color-blind.

There are many tools you can use to evaluate your website for accessibility, but a good place to start is to turn off the styling for your website. This will leave mainly text behind, so you’ll easily see whether or not you’ve ordered the information on your site correctly.

If you are comfortable with the code of your website, you can simply remove the link to your CSS file. If you don’t know what that means, try and extension like disable-html, which will let you turn off different parts of your site’s code and refresh to see what’s left behind. Here’s an example:

With Styling:

Finch Law web page with styling, header saying "Welcome to Finch Law" With a hand writing in the background.

Without Styling:

View of Welcome to Finch Law without CSS styling, showing headers and information in a logical view.

If you try this with your website, check to see if the headings make sense, and if any information has disappeared completely. You might have text included in images that doesn’t appear anywhere else—a definite no for accessible websites.

8. Have you tested your links?

Your website is a reflection of your brand. Broken links are like digital typos, so make sure you test them when you add them to your site. You should also test your links on a regular basis, as pages are deleted or renamed all the time.

While you’re at it, do a traditional spelling and grammar check as well.

9. Are your calls to action clear?

When someone comes to your website, what action do you want them to take? Do you want them to contact you, read about your services, or learn more about a particular subject? Ultimately, you want a visitor to become your client, but once they are your client, what actions might you want them to take on your website? Are there important dates they need to know, or forms they need to fill out? Once your business has concluded, do you want them to review you on Avvo or Yelp?

A call to action is a clear, attention-grabbing line of text or image that drives visitors to your website to take these steps. In short, you’ll want to think about what you want visitors to do when they come to your website—and then clearly and concisely tell them to do it.

You’ll need more than one call to action. Spend some time thinking specifically about what you want someone to do on each page of your site, as they will be different. The goal of your contact page is likely for someone to contact you or to find your location, while the goal of your biography page might be to inform and instill confidence in your skills.

10. Is your website easy to use?

No one wants to solve a puzzle when they come to a law firm website. It is your job to make your website easy to use. A great way to test the usability of your site is to have someone try to accomplish a particular task, like booking an appointment with you. Choose a variety of people and tasks. While your grandfather might have trouble finding your firm address on a desktop computer, your niece might have an easier time finding your Twitter handle from her smartphone.

Tests like this can also offer you objective feedback. You may be so focused on the visual design on your site that you don’t realize how difficult it is to find crucial information.

Great law firm websites are within reach

There are many options for digital support out there, whether you are going to educate yourself and go the DIY route, or pay a digital professional to take care of your online presence. Don’t be afraid of the middle ground either—paying for an initial website build then maintaining it yourself can set you up for success without breaking the bank. Keep learning, keep testing, and keep revising, because an investment in your website is an investment in your business.

Want more tips for marketing your law firm? Download our free guide, The Lawyer’s Guide to Marketing Your Firm Online.

Download guide

Get more law firm marketing tips from industry experts

Get tips from Gyi Tsakalakis, Josh King, and Kevin O'Keefe in this free guide, The Lawyer's Guide to Marketing Your Firm Online.

Get the Guide