Attorney Website Design Guide
The best law firm website designs are practical and functional. When your site design is based on objective best practices, rather than subjective taste, it will perform reliably. This guide explains the five factors of lawyer website design success.
A Client-Friendly Experience
The best law firm website designs put the needs of clients and potential clients first. High-performing legal websites educate, create trust, and facilitate contact. Your website design will either help or hurt this process.
Your law firm’s website should eliminate the need for your potential clients to think about anything other than their problem and your solution. They should instantly understand how your website works, how to find the information they need, and how to contact you.
There’s a way to do this that’s:
- Objective. It’s based on objective data, so there’s no need to guess.
- Cost-effective. It costs less than a novel website design.
- Reliable. It performs more predictably because it’s based on science, not novelty.
- Flexible. It’s easy and safe to make design changes without risking performance.
- Transparent. It’s easy to identify performance problems and opportunities because the website is based on an extensively tested and monitored framework.
Is your goal is to attract and convert new clients? If so, there is a law firm website design best practice for each of the following:
- Layout. There is an optimal place on your law firm’s website for your logo, phone number(s), address(es), contact forms, buttons, images, videos, and text.
- Mobile compatibility. Your law firm’s website should use responsive design so your site automatically adapts to every device and screen size. AMP (Accelerated Mobile Pages) and other mobile technologies have not proven to be as effective, adaptable, and as universally effective as responsive design.
- Colors. The colors on your website influence your potential clients’ emotions and help determine the readability of your website. Some colors work together. However, others clash and create problematic contrast, eye strain, and negative feelings about the website and firm.
- Typography. The style, size, and weight of fonts on your website will directly impact its performance. If your font is hard to read on any device, or if it’s too big or small, it will cause eye strain or doubt. For example, very large fonts turn off educated visitors, and typography that lacks sufficient line and letter spacing makes it difficult for people with eye-tracking issues and dyslexia.
- Image types and placement. The images on your website create both emotional and intellectual responses in your potential clients. Images should be easy on the eye, easy to understand, and consistent with your firm’s branding.
- Videos. Videos should never play automatically and should not be used as backgrounds. Regardless of production quality, educational and informative videos typically do better than highly produced videos that lack substance. The simple, authentic webcam video of you talking directly to your potential clients will, in most cases, perform better than a $10,000 professionally produced video. The key is authenticity.
- Menus. Menus should provide visitors with intuitive guidance to navigate to other pages on the law firm’s website by making it clear what information will be found there.
- Animations. Animations and scroll effects should be avoided unless they are necessary to illustrate a point. Avoid moving objects as design features because they distract your potential clients. They can also send the subliminal message that your firm plays tricks, lacks substance, or otherwise can’t be trusted.
All of these elements work together. There is an optimal arrangement for each element both absolutely, and as they relate to every other element, for every device and screen size. Every deviation from optimal will throw the site out of balance and decrease the efficacy of your website.
Clearly Positioned Brand
Your potential clients need to understand how your law firm differs from your competitors. They won’t try to figure it out, so your website needs to make it obvious. This is called “positioning.” Positioning is defined by:
- What problems do you solve or prevent?
- Who you do it for?
- Where you do it?
- What differentiates you from your competitors?
When your law firm’s positioning is clear, it’s easy to make the best website design choices. Your average client’s visual perception of your firm is influenced by three website design variables:
- Your logo
- Your website colors
- Your images
Most lawyers want their website to reflect the unique personality and brand of their law firm. This natural inclination leads them to “custom” website design, where objectivity is subordinate to taste. This is a mistake. For law firms, website design is not a prime driver of positioning (which happens in your clients’ brains).
That said, your logo, your colors, and images will give your website a unique look and feel. These help your potential clients visually distinguish you from your competitors, but without sabotaging the important business objectives of attracting website visitors and converting them into clients.
A Compelling Emotional Connection
When viable potential clients visit your law firm’s website, they decide whether to contact you at a subconscious level. Most are unaware of the emotional drivers of their behavior. In fact, when asked, they will often cite an intellectual justification (see Success Factor 4 below). There are three primary emotional drivers your website should always address:
- Self-esteem. Does your website make them feel better or worse about themselves? If your website makes potential clients feel good about themselves, it’s more likely that they will contact you.
- Security. Does your website make them feel vulnerable or secure? If your website makes a potential client feel secure, it’s more likely that they will contact you.
- Trust. Does your website help them feel that you care about them or their matter? Does it help them feel that you want to help them for the right reasons? If your website makes them trust you, it’s more likely that they will contact you.
The design of your website works with your content to strategically influence your potential clients’ emotions.
Website design elements that influence emotion in your favor:
- Local images.
- Inviting office images.
- Strategically placed, humble images of you and your team that are not overwhelming or make the website visually focused on you.
- Images of real or example fictional clients. (If you choose stock images, they should be images of people your potential clients can identify with.)
Website design elements that negatively influence your potential clients’ emotions:
- Video backgrounds.
- Complex or disorienting images.
- Images that aggrandize the attorney.
- Intimidating office images.
- Pictures of animals.
- Cartoons or illustrations.
- Fancy hover effects.
- Fancy menu animations.
A Justifiable Intellectual Connection
Your website visitors decide to contact you at a subconscious emotional level and justify that decision cognitively. Your website must logically support conclusions that:
- You are competent.
- You are successful.
- You are understandable.
The content on your website will do the heavy lifting in this area. But your website design will either assist or hinder the process.
Your website design should help your potential clients make the needed intellectual connection by making it easy to find and consume information. Anything that gets in the way of this should be removed.
Your potential clients come to your law firm’s website seeking information and help. They want to understand or solve legal problems. They want to know if you’re competent, if you can help them, and if you care. They want certainty or a path forward. They don’t want to be entertained or sold.