Smotrów Design is a global design and technology company. Our commitment
- office@smotrow.com
- Smotrow Signature
- Smotrów Related
- Local time: 3:39 AM
Smotrów Design is a global design and technology company. Our commitment
A complete guide to law firm contact page design - from form fields and SEO to the principle of professional calm. Based on more than a decade of practice at Smotrów Design.
The contact page is one of the most underestimated pages on a law firm website. It's often designed last, almost as an afterthought: a form, an address, a phone number - done. But this is the page where the client takes the decisive step - reaching out to the firm. And how it's designed directly determines whether that step happens at all.
In practice, we see the same mistakes again and again. Chatbots that irritate and diminish the firm's standing. Forms with a dozen required fields that drive clients away. Missing direct contact details. Pages completely disconnected from the rest of the website, with no links to practice areas or team members. All of this doesn't just reduce the number of inquiries - it shapes the wrong impression of the firm.
In our article on the five key elements of a law firm website, we introduced the principle of "professional calm" for the contact page. Here, we go deeper: what a law firm contact page should include, how it should be structured, and what should never appear on it.
In our article on the five key elements of a law firm website design, we introduced the concept of "professional calm" - an approach where the firm doesn't chase the client at every step, but creates conditions in which the client arrives at the decision to reach out on their own. The contact page is where this principle faces its ultimate test.
In e-commerce or SaaS, aggressive calls to action work. A pop-up with a discount code, a countdown timer, a chatbot asking "How can I help?" within the first three seconds - all of this can boost conversions for an online store. But a law firm is not an online store. A client choosing a legal advisor makes a decision based on trust, not impulse. They don't add a lawyer to a shopping cart.
A client choosing a legal advisor decides based on trust, not impulse.
When a law firm's website behaves like a marketing landing page - pop-ups, flashing "Contact us now!" buttons, chatbots appearing on every page - it sends a very specific signal. Not the one the firm intended. The client reads it as: this company doesn't have enough work. It's trying too hard. And if its services aren't in demand, perhaps they aren't as good as the firm wants to suggest. For a profession built on reputation and restraint, this is a damaging impression.
Over the years of working with law firms, we've observed the same paradox. Websites with aggressive CTAs generate more button clicks - but fewer quality inquiries. Clients who are genuinely prepared to pay a serious fee for serious work leave. What remains are those who respond to pressure - and that is typically not the audience the firm wants to attract.
The reverse is equally true. Websites designed with restraint and attention to detail attract precisely the clients who value professionalism. They reach out deliberately, after reviewing practice areas, reading publications, and looking through the team. These inquiries convert into engagements at a significantly higher rate.
This doesn't mean the page should be empty or cold. Calm is not the absence of communication - it's the quality of it. Here's how it manifests in practice:
One contact form - not three variations on the same page. One, thoughtfully designed, in the right place. Contact details visible immediately - phone, email, addresses. The client doesn't need to search for them, but they're not being pushed to call either. No pop-ups. No chatbots overlaying content. No "Still have questions? Write to us right now!" in every section of the page. The tone of the copy is inviting but not insistent. Not "Contact us immediately!" but "We're ready to discuss your matter" or simply "Get in touch." Visually - clean space, enough breathing room, no visual noise. The page should feel like the reception area of a good law firm: everything in its place, nothing superfluous, quiet and confident.
Over years of practice at Smotrów Design, we've designed dozens of contact pages - for law firms, consulting companies, and service businesses across different industries. This has given us the opportunity to compare the effectiveness of pages with and without interactive forms. The result is clear: pages with a properly designed contact form receive on average 38% more inquiries.
Pages with a properly designed contact form receive on average 38% more inquiries.
The explanation is simple. A form lowers the barrier to entry. Instead of opening an email client, composing a subject line, and drafting a message from scratch, the client fills in a few fields and clicks "Submit." It's an invitation to a conversation, not a commitment.
The set of fields is a balance between what the firm needs to know and how much time the client is willing to spend. Too few fields - and the inquiry arrives without context. Too many - and the client leaves without completing the form. In our practice, we've arrived at the following set:
This set allows the firm to conduct an initial assessment of the inquiry - who is writing and where from - without turning the form into a questionnaire. Company and position are left optional: those who want to share this information will, and those who don't won't be discouraged from submitting.
A separate recommendation:add a "Subscribe to our newsletter" checkbox above the "Submit" button, enabled by default. In our experience, most clients don't uncheck it. This gives the firm a contact for future engagement through email marketing - legally and without pressure.
Visually, the form should feel light. It shouldn't dominate the page or create the impression of a bureaucratic process. A few principles we follow:
Fields should have hover and focus states - this makes the form feel responsive and alive. Validation should work in real time: if a required field is left empty, the client sees the feedback immediately, not after clicking "Submit." The submit button should be noticeable but not loud - in the spirit of "professional calm" that we discussed in our article on the five key elements of a law firm website.
A moment that is often overlooked. The client has filled in the form, clicked "Submit" - and then what? A blank screen? A vague "Thank you, we'll get back to you"? This moment is a continuation of the first impression, and it deserves attention.
We recommend showing a concise confirmation with specifics: "Your inquiry has been received. We will respond within one business day." Where appropriate, invite the client to explore the publications section or meet the team while they wait. This extends the visit and guides the client further through the website. It's also essential to set up an automatic confirmation email - this reduces anxiety and confirms that the inquiry wasn't lost.
The form is the central element, but not the only one. Not every client is ready to fill in fields. Some prefer to call. Some prefer to email directly. Some, as we noted in our article on designing the attorney profile page, already know which lawyer they want to reach and want to contact them personally. The contact page should accommodate all of these scenarios.
Here's what we recommend including on the contact page of a law firm alongside the form:
It sounds obvious, yet on a surprising number of law firm websites these details are either missing or buried. Phone and email should be visible immediately, without scrolling. On mobile devices, the phone number must be tappable - one tap and the call is initiated.
For firms with multiple offices, each location should be presented as a separate block: city, full address, local phone number, and email. We recommend adding a "Show on map" button to each location, which opens Google Maps or Apple Maps and lets the client plot a route instantly. It's a small detail that saves time and creates a sense of thoughtfulness.
An element that is frequently overlooked. A client in a different time zone needs to know when to expect a response. For international firms, it's useful to state the time zone explicitly - for example, "Mon–Fri, 9:00–18:00 CET."
A short block or a line such as "Looking for a specific lawyer? Visit our team page" with a link to the People section. This redirects clients who came to the contact page but are actually looking for a particular specialist.
Full legal entity name, registration number, jurisdiction. For law firms, this is not a formality - it's a signal of transparency and professionalism. Many clients, especially corporate ones, verify these details before making their first inquiry.
The contact page we designed for the Moris law firm demonstrates this approach in practice.
The contact page is rarely considered an SEO tool. Most firms treat it as a purely functional page - a place to list contact details and nothing more. But in practice, a properly optimized contact page can attract clients who are searching for a law firm by location - queries like "law firm + city" or "legal services + neighborhood."
The first and most important step is a unique title tag and meta description. The title should include the firm's name, the word "Contact," and the primary location - for example, "Contact - [Firm Name] | Offices in London and Kyiv." The meta description should be a concise statement of how to reach the firm, with the cities of presence mentioned explicitly. This helps Google understand the page's geographic relevance and display it in local search results.
The H1 heading - "Contact us" or "Get in touch" - should appear once on the page. If the firm has multiple offices, each one should be structured under its own H2 subheading with the city name. This creates a hierarchy that search engines can easily interpret, and it helps the page rank for location-specific queries.
For local SEO, consistency of contact information is critical. The firm's name, address, and phone number - commonly referred to as NAP (Name, Address, Phone) - must be identical on the contact page, in the website footer, on the Google Business Profile, and across all external platforms where the firm is mentioned. Any discrepancy - a different address format, an outdated phone number, an abbreviated name - erodes Google's trust in the data and weakens the page's position in local results.
Where the technical platform allows, it's worth adding structured data. Schema markup using the LegalService or Organization type - with address, phone, email, working hours, and geographic coordinates - helps Google generate a rich snippet: a contact card displayed directly in search results. For firms with multiple offices, each location should carry its own markup.
A note on page speed. Contact pages often include an embedded Google Maps widget, which can significantly slow downloading. We recommend lazy-loading the map - displaying a static image that is replaced by the interactive map only when the user clicks or scrolls to that section. This preserves functionality without sacrificing speed, which Google considers a ranking factor.
And finally - internal links. The contact page should be connected to the rest of the site through more than just the navigation menu. We've already discussed linking to the team section for those looking for a specific lawyer. Beyond that, it's useful to add links to the firm's key practice areas - so that a client who hasn't yet decided on their need can orient themselves. For search engines, every such connection strengthens the visibility of both pages.
For law firms, the contact page on a mobile device is often the very first thing a client opens. They're looking up a phone number before a meeting, checking an office address on the way, or trying to send a quick inquiry between appointments.
When designing the mobile version of a contact page, we recommend paying attention to the following:
The phone number must be a link that initiates a call with a single tap. The email must be a link that opens the mail client with the recipient address pre-filled. This sounds obvious, but we still encounter law firm websites where the phone number is plain text that needs to be manually copied and pasted into the dialler. Every extra step between the client and the inquiry is a lost opportunity.
Form fields on mobile must be large enough to tap comfortably. The spacing between fields must be sufficient to avoid hitting the wrong one. The keyboard should adapt automatically to the field type: numeric for phone, with the @ symbol for email. The "Submit" button should be large and accessible without needing to scroll past the last field.
An embedded interactive Google Maps widget on mobile often causes more problems than it solves. It intercepts scroll gestures - the client tries to scroll down the page and ends up dragging the map instead. We recommend replacing the interactive map with a static image on mobile, paired with a button: "Open in Google Maps" or "Open in Apple Maps." The client gets directions in a familiar app, and the page remains easy to navigate.
On desktop, all sections of the page are visible almost simultaneously. On mobile, it's a vertical feed - and the order of blocks determines what the client sees first. We recommend the following sequence for mobile: phone and email first (tappable, prominent), then the contact form, followed by office addresses with navigation buttons, and finally supplementary information (working hours, legal details). The logic is straightforward: the most urgent information goes to the top. A client looking for a phone number on the go should not have to scroll past an eight-field form to find it.
As with the attorney profile page, which we discussed in our article on designing lawyer profiles for law firm websites, we recommend testing the mobile version of the contact page as a standalone product. Not just checking that "nothing is broken," but walking through every client scenario: find the number, tap, call. Fill out the form with one thumb. Open the map, get directions. Each scenario is a separate test. Because on a mobile device, the difference between "it works" and "it's convenient" determines whether the client reaches out or not.
The contact page is not the only place where a client looks for a way to reach the firm. In practice, an inquiry can originate from any page on the site. A client reads a publication, becomes interested in a practice area, looks through a lawyer's profile - and at that moment wants to write. If they have to navigate to the contact page through the menu to do so, part of the impulse is lost.
That's why contact information should be present across the site systematically. Phone and email in the header, visible on every page. A full set of contacts in the footer: address, phone, email, links to social media. On attorney profile pages - the lawyer's personal contact details, as we described in our article on designing the attorney profile page. On practice area pages - a subtle invitation to get in touch about a specific matter.
At the same time, it's important not to turn this into aggressive persistence. Contact details should be accessible, but they shouldn't shout from every screen. The header and footer are sufficient for the client to always know how to reach the firm. Everything else - by context and with respect for their attention.
The contact page must be accessible to people with disabilities: sufficient text contrast, keyboard navigation, correct labels on form fields for screen readers, and a legible font size.
This is not only a matter of ethics. In many jurisdictions, website accessibility is regulated by law, and the number of related lawsuits is growing.
The contact page is the last step before an inquiry. And at the same time - the first step toward a working relationship. How it's designed determines not just the number of inquiries, but their quality: what kind of clients arrive, with what expectations, and in what frame of mind.
Everything we've discussed - the form, contact information, SEO, mobile design, professional calm - is not a collection of separate recommendations. It's a system in which every element works toward a single goal: giving the client the ability to reach out easily, but without pressure. Like the reception area of a good law firm: everything in its place, nothing superfluous, quiet and confident.
This article is part of a series on designing websites for law firms. If you haven't read the others, start with our article on the five key elements of a law firm website, and our guide to designing the attorney profile page.
