Lawyer Website Design for Criminal Defense: What Belongs Above the Fold at 2 A.M.
Stephen Gardner · Published · 8 min read
Lawyer website design for criminal defense: what belongs above the fold, how to speed up mobile pages, and how to design contact forms within bar rules.
# Lawyer Website Design for Criminal Defense: What Belongs Above the Fold at 2 A.M.
Good lawyer website design for a criminal defense firm has one test: can a frightened person on a phone, at night, work out in a few seconds that you handle their problem, trust you enough to call, and find the button that does it? Everything else, from the logo to the blog, comes second. This guide covers what a defense site needs in the first screen, how to make it fast and readable on a phone, how to design contact forms that respect confidentiality, and which advertising rules apply to the words on the page. For broader design principles for any law firm, see our general website design for lawyers article. We are marketers, not lawyers, so confirm any specific language with ethics counsel.
Quick summary
- Above the fold, answer three questions: what do you handle, can I trust you, how do I reach you now?
- Design for the phone first. Many urgent searches come from one.
- Speed is part of design. Google publishes clear targets for load, interactivity and stability.
- Contact forms and chat features can create duties to a prospective client. Keep them minimal.
- Every claim on the page falls under the advertising rules. No guarantees.
The urgent visitor's first five seconds
Imagine the reader. They searched on a phone, perhaps after an arrest or a call from the police. They are stressed, may be reading in poor light and will probably look at two or three sites. In the first screen they want to know:
- Is this a lawyer who handles my situation?
- Is this a real firm I can trust?
- What do I do right now?
If a page makes them work for any of those answers, they will go to the next result. Google's own guidance for helpful content asks whether a page leaves a reader feeling they learned enough to achieve their goal. For a defense site, the goal is a call.
What belongs above the fold
A headline that says what you do
Use plain words: "Criminal Defense Lawyers" followed by the kinds of matters you handle (DUI, drug charges, assault, domestic violence charges, federal cases, juvenile matters), only the ones you actually take. Do not start with a slogan or a promise.
A phone number that is a button
On mobile, a tap-to-call button should be visible without scrolling and should stay reachable as the visitor scrolls (a sticky bar works). On desktop, show the number in the header. Do not hide the phone behind a menu.
Honest availability
If someone answers around the clock, say "Call anytime" and make sure it is true. If not, state your real hours and what happens after hours, such as a callback commitment you keep. Google's profile guidelines require accurate hours, and the same principle applies to your site.
A face and a name
A real photo of the lead attorney and the firm name build trust better than stock images of gavels and scales. Under Rule 7.2, communications about a lawyer's services should include the name of and contact information for the responsible lawyer or firm.
Credibility, accurately stated
Bar admissions, years in practice (if accurate), and any certification can sit near the top, with care:
- Certification claims: Rule 7.2 permits a lawyer to state certification as a specialist only if granted by an approved or ABA-accredited organization, and the communication must name the certifier. Saying you concentrate in criminal defense is generally allowed if true and not misleading.
- Awards and rankings: ask counsel whether a particular badge could be seen as a paid recommendation, which Rule 7.2(b) generally prohibits.
- Reviews: show them accurately, not selectively edited, and without client information.
What happens next
A single sentence such as "Call or send a message. We will tell you how we can help and what happens next." sets expectations. Do not promise a result.
What should not be above the fold
- Auto-playing video or audio. Surprising to someone in a public place.
- Pop-ups that cover the page. They block the call button and slow people down.
- Win-rate claims, dramatic imagery or "we fight" slogans. The commentary to ABA Rule 7.1 warns that a truthful report of results can mislead if it creates an unjustified expectation for others, and a disclaimer may help. Ask counsel before you feature any results.
- Long forms. A visitor who cannot talk should be able to send a short message, not fill in a questionnaire.
Design for the phone first
Many urgent searchers are on mobile, so design the phone layout first and adapt it for larger screens, not the reverse.
- Readable type. Body text large enough to read without zooming, with strong contrast.
- Thumb-friendly buttons. Large tap targets with space around them.
- Short paragraphs and clear headings so a stressed reader can scan.
- One main action per screen: call, with a message option beside it.
- Accessibility. People with disabilities also face legal problems. Build with sufficient contrast, keyboard navigation, labels on form fields and alt text on images. Ask your developer to test, and ask counsel about any accessibility obligations that apply to your firm.
Speed is design
Google's Core Web Vitals give three measurable targets, assessed at the 75th percentile of page loads: Largest Contentful Paint within 2.5 seconds, Interaction to Next Paint of 200 milliseconds or less, and Cumulative Layout Shift of 0.1 or less. In practice for a defense site:
- Compress and size images properly. A huge hero photo is a common culprit.
- Limit third-party scripts: chat widgets, tracking tags, fonts, sliders.
- Avoid layout shifts. Reserve space for images and buttons, so the call button does not jump as the page loads.
- Test on a real phone on a mobile connection, not only on an office computer.
Our technical SEO guide goes deeper.
Practice-area pages that serve people and search
Each charge you handle deserves its own page, written in plain language and kept useful:
- What the charge generally involves, in general terms. Rules differ by jurisdiction, so avoid sounding like universal law.
- What a person should do to protect their ability to get legal help: for example, to speak with a lawyer promptly. Avoid advice on specific facts.
- How your firm handles these matters, and who does it.
- A clear call to action.
- A short note that this is general information, not legal advice.
Keep the page organized with descriptive headings. For local visibility, see our criminal defense SEO page.
Contact forms, chat and other inquiry tools
ABA Formal Opinion 10-457 addresses lawyer websites and notes that inquiry features can create duties to people who submit information. Rule 1.18 protects information from prospective clients, and ABA guidance from 2024 advises seeking only information reasonably necessary to decide whether to take the matter.
Design choices that follow:
- Minimal fields. Name, a safe way to reach them, and an optional short message.
- A clear notice next to the button that sending a message does not create an attorney-client relationship and that people should not include sensitive details yet.
- A confirmation that says what happens next and when.
- Neutral confirmation emails. Do not put the charge in the subject line.
- Care with chat widgets and third-party tools. Anything that captures visitor messages can collect confidential information and share it with a vendor. Ask counsel and your vendor how the data is stored, who can read it and whether it is shared.
- Tracking and privacy. Review what your analytics and advertising tags collect on pages about charges. Ask counsel about privacy obligations in your state.
Trust pages that quietly do the work
- About page: the firm's story, attorney bios and a plain description of how you work with clients.
- FAQ: real questions callers ask.
- Results page, if used: only with counsel approval, context and disclaimers.
- Reviews page: shown as they appear, with no edits.
- Disclaimer and privacy pages: simple, readable and linked from the footer.
A quick audit you can do today
- Open your site on a phone. Can you see the phone button without scrolling?
- Does the first screen say what you handle and who you are?
- Do the hours claim match reality?
- Does the contact form ask for more than it needs?
- Does the page load quickly on a mobile connection?
- Would you be comfortable showing every claim to your bar's advertising reviewer?
Frequently asked questions
How long should a criminal defense homepage be?
Long enough to answer the visitor's three questions and link to your practice pages. It does not need to be long, but the first screen must work on a phone.
Do I need a video?
No. If you use one, do not autoplay it, and keep it from slowing the page.
Can I put a chat box on the site?
You can, but anything that collects visitor messages raises confidentiality and data questions. Ask counsel and the vendor, and keep it minimal.
Should I show case results?
Only with counsel's guidance, accurate context and disclaimers. Results can create unjustified expectations under Rule 7.1.
How fast should my site be?
Google's Core Web Vitals targets are a good guide: LCP within 2.5 seconds, INP of 200 milliseconds or less and CLS of 0.1 or less.
Have your site reviewed
If you want a plain-language review of your site's first screen, speed and forms, our criminal defense SEO team can help, as part of our legal SEO work.
This article is general marketing information, not legal advice. Attorney advertising rules vary by state; the ABA Model Rules cited are models. Confirm requirements with your state bar or ethics counsel.