family law website design hero image
Dark Mode

5 Best Family Law Website Designs + Best Practices To Build Trust & Increase Conversion

Whether you’re creating a website for your bank, hotel, financial advisor company or another type of business, industry insights should always inform your design.

When it comes to family law, key elements of design include a clear UVP above the fold, skimmable copy, visible contact details, testimonials and more.

Our top designers at Digital Silk went on a hunt for the best family website designs. After searching high and low, we were able to compile five of the top designs in the industry and break down an expert analysis for each.

After we take a dive into the messaging, typography, visuals and other design elements these websites have to offer, we’ll share our inside tips for best practices and must-have functionalities for a family law website that converts.

5 Best Family Law Websites [+ Our Strategists’ Notes On Each]

We have to admit, these examples weren’t easy to find. After extensive research, it’s clear that the industry could use some modernization when it comes to web design. However, here are our picks for the top five:

1. GloverPriest Solicitors


Category: Personal And Business Lawyers

GloverPriest homepage
[Source: GloverPriest Solicitors]
What they do well:

Messaging: When landing on the homepage, the user’s eye is immediately drawn to the simple messaging that stands out in white against a dark background — which is why we’re disappointed it’s not a UVP.

The navigation is sticky, which ensures the “Call us” CTA remains visible as the visitor scrolls. CTAs throughout the homepage stand out in bold pink against a dark background, ensuring they can’t be missed.

As you scroll, the messaging improves, with phrases like “Personal law experts, leaving you with one less worry” and “A helping hand when you need it most.”

GloverPriest headlines

True to best practices, the copy is arranged in short, skimmable paragraphs throughout the site.

GloverPriest paragraphs

The service-dedicated pages are clean and well structured. They feature bulleted information to make long and complicated copy simple and understandable to the site visitor.

GloverPriest bulleted sections

Typography: The typography is simple and consistent throughout the site, switching from black to white depending on the background.

GloverPriest fonts

What they could do better:

GloverPriest Solicitors used a unique color palette of pink and purple — not a color scheme you typically associate with a law firm.

While the colors don’t bother us per se, the childlike imagery combined with the typically juvenile color palette may cause some site visitors to deem the company unprofessional.

Paragraphs comprised of too-small fonts are littered throughout the website, and the most important section – the hero – lacks a compelling UVP.

We’d update these key elements to ensure a better user journey and ultimately improve conversions.

Interested in a website like GloverPriest Solicitors’?Request A Quote

2. SVA Société D’avocats


Category: Family Law Firm

SVA Advocats homepage
[Source: SVA Société D’avocats]
What they do well:

Messaging: From the moment you land on the SVA Société D’avocats’ homepage, you are immersed into landscape scenes throughout France.

The unique value proposition is prominently stated in the hero section — 50 years of expertise, 10 service areas, 30 lawyers and 12 partners.

There’s no doubt to the visitor that this firm is experienced, knowledgeable and comprised of some of the best in the industry. Right from the get-go, the website evokes professionalism and builds trust.

With a clean design throughout, this family law website offers easy and simple navigation using a hamburger-style menu.

The copy is kept minimal throughout the homepage, arranged in short simple paragraphs following the best website design practices.

SVA Advocats paragrpahs

Visuals: Aside from the rotating hero images, the design offers minimal use of images (there are only two plus a set of beautiful iconography).

Instead of images of people, common on law firm websites, scenery images depict the locations of the firm’s offices. The icons underneath of the hero section show the areas of expertise in a simplistic yet professional approach.

SVA Advocats icons

What they could do better:

SVA Société D’avocats’ website is aesthetically pleasing in its minimalistic design, but there are key elements missing for conversion.

The CTAs on the site are barely noticeable, which can have a devastating impact on both user journey and conversion.

The thin font style is an interesting choice, compared to the typically bold, in-your-face typography used on other law firm web designs. While it comes across as elegant, it’s not ADA-compliant in some sections, due to the busy background.

Another element that is clearly missing? Contact details. The visitor has to scroll to the footer of the homepage to find them, which should never be the case.

While SVA Société D’avocats’ website presents a clean design, skipping key elements in the name of minimalism is sure to hurt conversion.

Interested in a website like SVA Société D’avocats’?Request A Quote

3. Fox Rothschild LLP


Category: Family Law Firm

FoxRothschild homepage
[Source: Fox Rothschild LLP]
What they do well:

Navigation: When landing on the homepage of Fox Rothschild LLP, the visitor sees bold white font over a landscape image background, and a short and simple menu in the top right corner.

After a few seconds, the hero image changes, providing a new background and new text.

A prominently displayed Search option in the website menu allows the user to quickly jump to what they’re looking for.

The option to choose high contrast mode shows improved website accessibility and much like the search option, shows consideration for the user.

FoxRothschild contrast options

Underneath the hero section, the firm displays relevant stats: 950 attorneys, 27 offices and 70 diverse services.

FoxRothschild iconography

The services mentioned can be accessed by clicking on the “Services” menu option, as opposed to a hover-over dropdown.

FoxRothschild services

At the bottom of the short and concise homepage, a map with office locations shows visitors where they can find Fox Rothschild LLP’s services, with a link to the exact city map location and contact details.

FoxRothschild map

FoxRothschild office locations

What they could do better:

As we mentioned way back in our introduction, we had to search high and low to find family law website designs that were worth some praise.

While the design is visually appealing, typography is attention-grabbing and the simple navigation even includes a search bar (bravo!), the absence of key elements will undoubtedly affect conversion.

The high-res images in the hero section are pretty to look at, but the firm missed out on one of the most important aspects of the hero — displaying your UVP.

The carousel (yikes!) moves from press releases to events and other news — aspects that belong much further down in the conversion funnel.

The hero section leaves the user to wonder “Who is Fox Rothschild? What areas do they specialize in? Why should I choose this firm over others?”

The visitor gets no immediate value on the homepage, which almost guarantees a bounce.

CTAs are also absent from the homepage. Where can the visitor get in touch? Fill out a contact form? Call the office?

While the location map is a nice touch, the user needs to scroll all the way to the bottom of the page to see it, and it still requires additional clicks and navigation from the user, to find the contact info they’re looking for.

While there are other bones we have to pick with this design, we’ll highlight one more: services. It’s clear from clicking on the “Services” tab in the menu that the firm offers expansive services, so displaying them all on the homepage might be overwhelming.

Still, a visitor who lands on a law firm homepage is undoubtedly looking for the services they offer. We recommend choosing the top services and displaying info about them on the homepage, perhaps in module format, along with CTAs that lead to more info.

Remember: a visually appealing website is one thing. A design that’s created for conversion is another.

Interested in a website like Fox Rothschild LLP’?Request A Quote

4. HG Lawyers


Category: Law Practice

HG Lawyers homepage
[Source: HG Lawyers]
What they do well: Messaging: As you land on HopgoodGanim Lawyers’ homepage, you are greeted by a video showing a combination of scenic landscapes, city views, offices, construction sites and more, showing the vastness of both their clients and their offering.As the video runs in the background, “Exceptional outcomes” remains in large, bold font throughout each slide as the areas of expertise rotate and a staple “Explore the possibilities” CTA displays in bright orange.Underneath the hero section lies concise copy that utilizes the CTA bright orange to highlight key points — 280 people and 20+ disciplines.

HG Lawyers contrasting fonts

Two more CTAs on the homepage — “View more” and “Explore solutions for your business” — mark important conversion funnel stages while the third, “Be the first to receive our content” dynamically moves with the user as they scroll.

HG Lawyers CTAs

The out-of-the-box CTAs (quite literally) are a bit of risk, as an outline typically makes them more visible. However, the bold, orange font is hard to miss, and the calls-to-action seem natural and unobtrusive, yet easy to spot.

Visuals: The video in the hero section serves as the main attention-grabber visually.

Other images used on the website focus appear to be simple stock images, but they do add some value by focusing on different groups of people, showing human faces and emotions, helping to humanize the firm and establish a connection with site visitors.

HG Lawyers modules

What they could do better:

There’s no doubt that the video is the attention-grabber on the site.

But HopgoodGanim Lawyers ensures that along with visual appeal, the visitor is also getting a clear UVP able to instantly form an opinion about the law firm based off of the professional design.

Of course, we do have some changes to recommend. While the navigation menu is clear and sticky, the drop-down menu in the Expertise section is cluttered and may be overwhelming to visitors.

HG Lawyers drop-down menu

CTAs — just two throughout the homepage — are scarce, which affects the conversion funnel. We would include additional CTAs to create a clear funnel for the user journey.

The content on the internal pages, such as Family and Relationship Law, is considerably text-heavy which discourages readability, and the color of the text is too close to the color of the background, which can lead to eye strain.

We recommend shortening copy wherever possible to include the most valuable information, breaking up copy with images, and changing the color of the text or background to make the copy easier to read.

HG Lawyers long paragraphs

At Digital Silk, our best practices for website copy include shortening paragraphs to three lines and 36 words max. This encourages readers and even allows users to skim, while gaining the most valuable information.

Interested in a website like HG Lawyers’?Request A Quote

5. Godwin Campos LLC


Category: Divorce And Family Lawyers

Godwin Campos homepage
[Source: Godwin Campos LLC]
What they do well:

Messaging: Godwin Campos LLC uses a client-centered design with strong messaging, bold typography and simple navigation.

Two prominent CTAs — “Click for first free consultation” and “Learn more” stand out against a contrasting background and invite the user to move to the next step of the conversion funnel.

The website uses iconography to display the unique value proposition of this family law firm — over three decades of professional history, multiple awards and areas of specialized expertise.

Godwin Campos use of icons

After the visitor scrolls through the firm’s expertise, along with awards, services and success rates stat, they find a built-in consultation form, strategically placed next to client testimonials.

Godwin Campos testimonials

Visuals: The images on the site are kept somewhat basic and neutral, focusing on legal expertise and showing people who are going through difficult situations and require the support of an attorney. The images are subtle, which allows the visitor to focus on the messaging.

Godwin Campos visuals

Social proof: The firm displays several instances of social proof on the homepage, showing their strong track record with awards and valuable stats in addition to client testimonials, which displays transparency and helps build trust.

Godwin Campos social proof

What they could do better:

Between the sticky navigation with contact details constantly in full view, the built-in form for quick and simple contact, the direct messaging and the many instances of social proof — which far too many websites miss out on — Godwin Campos LLC is certainly doing something right.

Of course, at Digital Silk, it’s all in the details, so we do have some recommendations.

We recommend replacing the copy on the “Learn more” and “Enquire more” CTAs. These actions imply work on the visitor’s part. Instead, we stick to CTAs like “Explore our services” or “Discover how we can help” — wording that seems to lighten the load for the client and focus on benefits.

Godwin Campos CTA

An important miss for this site is the lack of search engine optimization. One look at SEO Minion and you’ll notice the header structure is not properly set, which will affect the site’s ranking, along with brand visibility and the possibility to attract new clients.

At Digital Silk, we deliver fully optimized websites to ensure visibility, ranking and conversion. Based on a detailed digital strategy that we create for your brand, we optimize your online presence using the best practices for family law website design.

Interested in a website like Godwin Campos LLC’?Request A Quote

An Overall Analysis Of Family Law Website Design, From Our Expert Designers

To summarize and even reiterate some of the key points mentioned in our analysis of the five designs above, the family law industry has some catching up to do when it comes to creating strategic website designs that convert.

The recurring issues we’ve seen in web designs in this industry include:

  • Overcrowding, between messaging, visuals and animation that overwhelms the visitor OR underwhelming design that fails to show the UVP
  • Messaging focused on how great the law firm is vs. how the law firm can help clients
  • Awkward taglines in hero sections that don’t provide value, such as “We were born to solve problems” (with messaging focused on the company, not the client) or “We are the attorneys for you” (without indication of the practice areas or why they’re the right choice)
  • No clear conversion funnel
  • Missing contact information throughout the site
  • Lawyer/team images cluttered into the hero section, which focuses on the firm instead of on the client

Before Planning A Family Law Attorney Website Design, Consider These Consumer & Industry Insights

Why is it so important to have an optimized family law website design? Let’s take a look at some industry insights that can help inform web design:

  • Approximately 50% of the marriages in the United States end with divorce
  • 140,000 children are adopted each year by U.S. families
  • The number of millennials inclined to sign a prenup agreement is on the rise
  • 12.9 million of the parents in the U.S. are custodial
  • The family law and divorce attorney market in the U.S. is worth $12.1 billion

Our Family Law Website Design Process: How Pros Create High-Performance Websites For Legal Services

At Digital Silk, we follow a strategic process to create custom web designs based on best practices, industry insights, consumer behavior and more. Here’s a quick look at our process:

Digital Strategy

Each of our custom web development projects is based on a thorough analysis of your industry, competitors and user behavior. We use these insights to create a digital strategy for your brand, which serves as the basis for your design.

Information Architecture

After researching your industry and competitor landscape and considering your goals and expectations, we create your sitemap to mark each key point in your conversion funnel.

Wireframes & Design

Our designers create wireframes to show you how your new website will look. After you approve the wireframe, we add colors, images, CTAs and custom messaging to breathe life into your project.

Looking to create a custom family law website design?Request A Quote

Our Family Law Website Design Best Practices, Header-to-Footer

  • Include your UVP in the hero section so your visitor knows immediately what sets you apart from your competition
  • Implement a sticky navigation menu that includes contact details and follows the user as they scroll
  • Include landing pages for your services so users can find exactly what they are looking for
  • Define a clear conversion funnel and plan your design around it, including standout, unique CTAs
  • Add a “Meet the team” section with photos and bios of your attorneys to help visitors put a face to your firm and feel more comfortable reaching out. Instead of using the hero section to do this, focus the hero section on your unique value proposition and move the “Meet the team” section further down the page at the consideration point in your conversion funnel
  • Create benefits-driven copy so the visitor understands exactly how you can help them in their time of need, whether they’re going through a divorce, property division, custody or another event
  • Use SEO best practices to boost traffic and ranking on search engines, including keywords aligned with the user’s search intent, optimized title tags and meta descriptions, links to internal and external valuable resources and more
  • Use large, clean typography that is easy to read and digest for all visitors, including those with disabilities
  • Use professional high-res images to add a human element to the design and help visitors relate and feel more comfortable reaching out.
  • Use a mobile-first web design, as 53% of people use both mobile and desktop devices to search for an attorney and 23% prefer using a mobile device only
Looking to create a custom family law website design?Request A Quote

Must-Have Marketing Features For Family Law Websites

The following marketing features will support your efforts to increase traffic and ranking:

  • Create SEO blogs on various family law topics to increase visibility and traffic
  • Post actively on social media pages where your target audience spends time, and include links to your pages on your website
  • Use posts and videos as a chance to answer questions, offer general advice and encourage your audience to reach out
  • Collect and display client testimonials on your site to increase transparency and build trust

Key Takeaways On Family Law Website Design

Your family law website should reflect your professional expertise and drive conversions through simple and easy navigation, valuable and concise content, encouraging social proof and a strategic conversion funnel.

At Digital Silk, we create custom website designs for family law firms and businesses across a vast variety of industries.

Our experts use insights industry, competitor and target audience insights to design a unique strategy for every brand, and carry out the development, design, messaging and more to create websites that convert.

Ready To Design A Market-Leading Website?Request A QuoteTell us about your project and let our experts give you recommendations.

    Let’s Create Something AMAZING Together

      2022 Digital Trends Guide