Midnite Systems

Law firm web design your responsible lawyer can approve page by page

Law firm web design builds a firm's site around its practice areas and lawyers within California's rule 7.1, which covers every communication about a lawyer's services, so a lawyer at the firm signs off on every page.

Someone looking for a lawyer can read a practice area page, a lawyer’s page and the contact page before deciding to call. Law firm web design decides what that person finds at each stop, and what the firm stands behind once it is published.

Is law firm website design right for a firm our size?

Law firm website design scales with the firm, and we plan it at three levels:

  • One office: a firm with a few lawyers and a few practice areas, where a single partner may read every page before it goes live.
  • Several offices: a regional firm whose site names each office, the lawyers who work there and the matters each office takes.
  • A national practice: a firm with an in-house marketing team, lawyers admitted in more than one state, and a review process the build has to fit into.

Our web design page covers how we work for any business; this one covers what changes for a firm.

What changes when the website belongs to a law firm?

The State Bar’s rules on lawyer communications reach the website, and our page on law firm marketing explains them across every channel. In attorney website design, three of them become build decisions:

  • A responsible lawyer on every page: rule 7.2(c) asks each advertisement to give the name and address of a lawyer or firm responsible for what it says, so we would build that name and address into the site’s footer, where every page shows it.
  • A name, domain and logo that don’t mislead: rule 7.5 holds a firm name, trade name or other professional designation to rule 7.1, and its comment counts logos and URLs as designations. The firm confirms its domain and logo before design starts.
  • Phrases the build refuses: our sites run a must-not-say check that stops the build when a page holds a phrase on its blocked list. On a firm’s site, that list would include a promised outcome, and “certified specialist” beside any lawyer the firm hasn’t confirmed as certified.

We aren’t lawyers, and none of this is legal advice: the firm’s lawyers decide what its pages say.

How should a law firm site be organized by practice area?

Law firm website design starts from the words people type when they need a lawyer, grouped by practice area into a page plan. Each practice area page says which matters the firm takes, where it takes them and which lawyers handle them, and each lawyer’s page links back to the areas that lawyer practices.

Some practices bring marketing needs of their own, covered on our pages for family lawyers, personal injury lawyers, criminal defense lawyers and immigration lawyers.

Pages for places need more care than pages for practice areas. Google’s spam policies describe pages aimed at particular cities or regions that funnel visitors to a single page as doorway abuse, along with “substantially similar pages that are closer to search results than a clearly defined, browseable hierarchy”. In law firm website design, that means a page for each office the firm staffs, and no run of city pages that differ only by the city’s name.

What should web design for lawyer profile pages include?

A lawyer’s own page is where a prospective client checks who they would be working with. On each one we would include:

  • A title with the lawyer’s name: Google’s guidance on title links warns against vague descriptors like “Profile” for a person’s page, so the title names the lawyer and the firm.
  • A photograph of that lawyer: the firm’s own picture of the person the page describes.
  • Bylines that connect: Google encourages accurate authorship information such as bylines, so each article names the lawyer who wrote it and links to that lawyer’s page.
  • Languages and certifications in the State Bar’s terms: comment 5 to rule 7.1 lets a page say a lawyer serves clients in a language other than English only when the lawyer can, or when the page gives the speaker’s job title, and rule 7.4 sets the conditions for the words “certified specialist”, the certifying body’s name among them.
  • A route to that lawyer: the office the lawyer works from, and the inquiry form already set to the lawyer’s practice area.

That is the heart of lawyer web design: every profile describes a real person, and the firm answers for what it says.

Can the site mention verdicts, settlements and awards?

Comment 4 to rule 7.1 says a truthful report of a lawyer’s achievements for clients, or a testimonial or endorsement, may still mislead if it leads a reasonable person to expect the same result in another matter without reference to the facts of each case.

SB 37 adds to that. The Senate Judiciary Committee’s analysis of April 2025 describes a bill that bars an advertisement from:

  • Predicting success: any prediction of success in the legal matter.
  • Citing results without support: past results, unless they are objectively verifiable and leave out no fact that would make them misleading.
  • Naming some awards: recognition or an award from an organization that is neither recognized within the legal profession as bona fide nor free of any fee or payment for it.

The Governor’s office listed SB 37 among the bills signed on October 11, 2025. Our reading rests on the committee’s description of the bill, so the firm’s counsel should confirm the signed text before a results page, a verdict figure or an award logo goes live. In the build, each result is an entry the firm writes and approves, with room for the context and disclaimer the firm chooses.

How do you make a law firm site accessible?

Title III of the Americans with Disabilities Act lists the office of an accountant or lawyer among the places of public accommodation. The Justice Department’s guidance on web accessibility says the Department has consistently taken the position that the ADA’s requirements apply to everything a public accommodation offers, including what it offers on the web, and that businesses have flexibility in how they comply. It names the Web Content Accessibility Guidelines and the Section 508 Standards as helpful guidance. The current version, WCAG 2.2, became a W3C Recommendation on 12 December 2024.

The guidance’s examples of barriers are poor color contrast, information given by color alone, images without text alternatives, videos without captions, forms without labels or clear instructions, and navigation that only works with a mouse. It also warns that a “clean” report from an automated checker doesn’t necessarily mean everything is accessible, and suggests pairing a manual check with the tools. Our website accessibility service audits a site to WCAG 2.2 Level AA, by hand as well as with a scanner, and fixes what fails. Whether the site meets the firm’s legal duties is a question for the firm’s counsel.

Which parts of the build do visitors never see?

Our own build system sits under the site, on Astro or Next.js. Astro’s documentation describes it as the web framework for building content-driven websites, which suits a site made of many practice area and lawyer pages. Four parts of a law firm website design sit underneath the pages:

  • Structured data: Google describes structured data as explicit clues about the meaning of a page; ours describes the firm, its offices and its lawyers.
  • Sitemaps and IndexNow: a sitemap lists every page, and IndexNow tells the search engines that support it, Bing among them, when a page changes.
  • Crawler rules and llms.txt: a robots file that sets which crawlers may read the site, AI crawlers included, and an llms.txt file for the tools that read one.
  • Launch guards: the build stops if a page is still marked as a draft or carries a fact waiting on the firm.

Does a new site put the firm’s domain or email at risk?

Not when only the website moves. Before launch we save a copy of the firm’s DNS records. At launch, the only records that change are the ones pointing the website to its new host; the registrar, the nameservers and the email records stay as they were.

The old site’s addresses get a redirect map: every page, old practice area pages and articles included, matched to its closest new page and redirected permanently. Google’s documentation says a permanent redirect shows the new target in search results and that a server-side redirect has the highest chance of being interpreted correctly, so ours run on the server. Our pages on website redesign and website migration cover the move in more detail.

How do Google’s AI features treat a law firm site?

Google’s page on AI features says that showing in AI Overviews or AI Mode carries “no additional requirements”. What Google asks of a page there is what it asks in regular Search, that it be indexed and eligible to show with a snippet, and no new machine-readable file, AI text file or special schema.org markup is needed. Visits from those features are counted in Search Console’s Performance report, under the “Web” search type.

Search Console also has a setting, the Search generative AI control, that decides whether a site’s links and content can appear in those features, and our page on law firm SEO explains it.

What we build makes a firm’s site easier for AI answers to find, read and cite. No one controls which firm an AI tool names, so we don’t promise a mention; our GEO work covers what can be measured.

Can we see a website you’ve built?

The site we can show is the Alvy Logistics website, a 70-page rebuild on Astro in our own build system, which we built and run with Alvy. Alvy is owned by our co-founder Noah Alvarez, and DSI is an Alvy company. Alvy moves freight, so the site shows how we plan, write and build a site of that size and says nothing about legal marketing. A law firm’s site would go through the same system and the same launch checks.

Who keeps the site current when lawyers and rules change?

Law firm website design doesn’t stop at launch, because a firm’s site changes whenever the firm does: a lawyer joins or leaves, a practice area opens or closes, an office moves, or a rule such as SB 37 changes what the pages may say. Each change means pages to add, retire or redirect, and wording to check again.

Once the site is live, we keep running it on a monthly plan, and your proposal sets what the plan covers. For upkeep in general, see our website maintenance page; the website design cost guide shows what builds cost in the market, and our guide to choosing a web design company lists the questions to ask any agency.

Formed in 2023, Midnite Systems works with businesses across the US from our office in Valencia. To talk about the firm’s site, book a 15-minute call.

Sources

20 cited

Pricing

What law firm website design costs at each level

For a new website at each level, the bands below are what US agency price pages and guides show, as we read them in October 2026. On a law firm site, the number of practice areas and lawyers, and how much of an old site it replaces, decide where in a range it lands. Your firm's own figure comes in the scoped proposal that follows the 15-minute call.

  • Level 01

    Established local business

    Market range

    $6,500 to $15,000

    Source: WebFX and DesignRush, checked October 2026

    Our ranges

    Website build
    $6,500 to $15,000
    Care plan
    $85 to $100 a month
    Hosting, DNS, SSL, security, uptime, backups and updates.
    No setup fee on a site we built.
  • Level 02

    Multi-location or regional

    Market range

    $15,000 to $50,000

    Source: WebFX, DesignRush and Lee Media Group, checked October 2026

    Our ranges

    Website build
    $15,000 to $50,000
    Care plan
    $150 to $225 a month
    All of that, plus about an hour of changes a month, a next-day reply, monthly checks and a report.
    No setup fee on a site we built.
  • Level 03

    National

    Market range

    $50,000 to $100,000

    Source: WebFX, Huemor and OuterBox, checked October 2026

    Our ranges

    Website build
    $50,000 to $100,000
    Care plan
    $350 to $500 a month
    All of that, plus up to four hours of changes a month, a four-hour reply, a named contact and a quarterly call.
    No setup fee on a site we built.

What moves the price

  • 01

    Practice areas and lawyers

    WebFX's guide says agencies define the size of a website by its number of pages. On a law firm site, each practice area and each lawyer is a page, so twelve lawyers across eight areas is a larger site than two lawyers in one.

  • 02

    Rounds of review

    DesignRush counts client-side delays and excess design revision rounds among the causes of cost overruns. A lawyer reading every page against the State Bar's rules is a round of its own, and the proposal plans for it.

  • 03

    Where inquiries go

    OuterBox notes that CRM and similar integrations require planning and testing. An inquiry emailed to the front desk is the simple case; one sent into the firm's intake or practice management system, sorted by practice area, adds build and test work.

  • 04

    A second language

    A set of pages in Spanish or another language repeats the writing, editing, formatting and checking that OuterBox lists under content entry, and rule 7.1's comment 5 ties each language claim to a lawyer or staff member who can serve clients in it.

  • 05

    The site you have now

    OuterBox says a redesign needs metadata, redirects, indexation checks, schema and technical QA, and that large migrations can become projects by themselves. A firm with years of articles on its old site carries more of that work.

Market ranges from agency price pages and guides, read October 2026. Ranges, not quotes: every engagement is scoped on a 15-minute call.

The work behind it

  • Alvy Logistics

    The Alvy Logistics website: a 70-page rebuild in our own system.

  • Midnite Systems

    Formed in 2023.

  • Valencia, CA

    Our office in Valencia, CA, open Monday to Friday, 8am to 4pm.

  • The team

    Nicolas Perez, Co-Founder and CEO, and Noah Alvarez, Co-Founder and CCO.

Alvy is owned by our co-founder Noah Alvarez, and DSI is an Alvy company.

What goes into a law firm website

  • Fig 0.1

    Practice area research

    The searches people make before they contact a lawyer in each of the firm's practice areas, and the pages Google shows for those searches today.

  • Fig 0.2

    A page plan by area, lawyer and office

    One page for each practice area, lawyer and office, each tied to the searches it should answer and linked to the pages around it.

  • Fig 0.3

    Copy a lawyer can check

    Plain-language pages written by us, with each statement about results, fees, languages and certifications marked for a lawyer at the firm to confirm.

  • Fig 0.4

    Photographs of the firm's lawyers

    The firm's own photographs of its lawyers and offices. Where a page needs another image, an AI image can fill the gap, logged so the firm can swap in its own; it never stands in for a lawyer or a client.

  • Fig 0.5

    The build

    Astro or Next.js under our own build system, carrying structured data that describes the firm, its offices and its lawyers, a sitemap, and the responsible lawyer's name and office address in the footer.

  • Fig 0.6

    A short inquiry form

    Spam-protected, asking who is writing, how to reach them and which practice area the question concerns, and delivered to the person the firm chooses.

  • Fig 0.7

    Redirects from the old site

    A map from every old address to its closest new page, with permanent redirects in place on launch day.

  • Fig 0.8

    Measurement from launch

    Inquiries counted in Google Analytics from the first day, and the new site verified with Google Search Console and Bing Webmaster Tools.

How it runs

From the first call to the monthly run

  1. Step 01

    A 15-minute call

    You talk with Nicolas Perez or Noah Alvarez, our co-founders, and if a new site isn't what the firm needs, we say so.

    The address of the firm's current site.

  2. Step 02

    A proposal

    A written proposal listing the pages, how the work runs and what it costs. Work begins once you approve it.

    The name of the lawyer who will approve the site's wording.

  3. Step 03

    Searches and the page plan

    We look up the searches behind each practice area and turn them into a page plan.

    Confirm the practice areas, offices and lawyers, including any area the firm no longer takes.

  4. Step 04

    Words and design

    We write every page and set our own design system to the firm's logo and colors.

    The firm's logo files and the photographs it wants on the site.

  5. Step 05

    A private preview

    Every page is reviewed on a private preview that search engines are told not to index, and the firm returns one list of changes.

    The approving lawyer reads every page before sign-off.

  6. Step 06

    Launch

    Redirects, analytics and Search Console go live the same day, and only the website's DNS records change.

    Someone at the firm who can reach its DNS settings.

  7. Step 07

    Running the site

    After launch we keep the site running on a monthly plan, scoped in your proposal.

    Word from the firm when its lawyers, practice areas or offices change.

Questions

Frequently asked questions

What are the best law firm website designs?

There is no single list to copy, because a good design depends on the firm's practice areas and the people it serves. To judge one, open a practice area page and a lawyer's page on a phone: the page should say which matters the firm takes, name the lawyer responsible, load quickly and offer a short way to get in touch.

Can a law firm website use AI-generated photos of its lawyers?

Not of its lawyers. Google calls fabricated creator profiles, AI-generated headshots among them, a form of deception, and the Senate Judiciary Committee's analysis of SB 37 notes that Business and Professions Code section 6157.2 already bars an advertisement from presenting another person's image as the lawyer's. A generated image can illustrate an article, never a person at the firm.

Does a law firm website need a disclaimer?

Where a page reports results or quotes a client, comment 4 to California's rule 7.1 says an appropriate disclaimer or qualifying language often avoids creating unjustified expectations. Which disclaimers the firm uses, and where they sit, is the firm's decision; we would build each one into the pages the firm picks.

Should a law firm website list its fees?

It may. Comment 1 to rule 7.2 allows information about fees, but an advertised fee or range is misleading if the lawyer charges or intends to charge more. Rule 7.1's comment 3 adds that a page offering "no fee without recovery" must say whether the client will be liable for costs. The firm decides what to publish.

Related

Keep reading

Talk with a co-founder

Book a 15‑minute call