This is a real client case study, anonymized at the firm’s request. The client is a small French cabinet d’avocat (4 lawyers, 2 paralegals) based in a regional French city, specializing in commercial law and intellectual property for SMEs. They came to Abana Creative in early 2026 with a site that had not been updated since 2014, generated almost no contact-form leads, and did not appear for relevant local searches.
This article describes a design and UX project, not legal advice. If you need guidance on a legal matter, consult a qualified lawyer who can assess your specific situation.
The brief
The brief was simple : “The site looks dated, the lawyers are embarrassed to share the URL, and we’re getting almost no qualified inquiries from it. What can be done in six weeks?”
Constraints : modest budget (mid-five figures EUR), no in-house designer or developer, no marketing team, the four lawyers themselves would need to maintain the site after launch.
We translated that brief into four practical objectives. First, make the firm credible within the first few seconds of a visit. Second, help the right prospects understand whether the firm handled their type of matter. Third, reduce friction in the contact path without encouraging low-quality requests. Fourth, build a site the lawyers could update themselves without breaking the design system.
The six-week timeline mattered. We could not spend months on brand exploration, complex content workshops, or a fully custom editorial platform. The project needed the discipline of a focused refonte: fewer pages, clearer messages, stronger trust cues, and a maintainable CMS structure. This is close to the approach we describe in notre processus de design web en 6 semaines, where scope control is often the difference between a useful launch and a beautiful prototype that never ships.
What we found in audit (week 1)
The existing site had three problems that compounded each other :
- Trust signals were invisible. The lawyers’ bar registration numbers, the firm’s actual office address, the bar council the firm reports to, and the years of expérience of each lawyer were all buried in the legal-notice page. The homepage said “your trusted legal partner” without any of the facts that would let a stranger trust the firm.
- No specialization signals. The site listed twelve practice areas with one paragraph each, in alphabetical order. A potential client looking for trademark advice could not tell that this firm actually specializes in intellectual property — it looked like a generalist firm.
- The contact form was hostile. Eight required fields including a “company SIRET number” that excluded individuals, and a 500-character message field with a 20-character minimum that produced cryptic validation errors. Most users would not get past it.
We also found secondary issues that were not dramatic on their own, but damaging in combination. The mobile menu hid the practice-area pages behind two taps. Page titles were generic. The homepage used stock photography of anonymous court buildings. The footer contained a postal address, but no clear indication of whether appointments were available in person, by phone, or by video.
The content had another common weakness: it described the firm from the inside out. Each page began with what the lawyers did, not with the situation a client might recognize. For example, the intellectual property page opened with a general paragraph about “protecting intangible assets”. It did not mention concrete problems such as receiving a trademark opposition, drafting a licensing agreement, or reacting to a competitor copying product visuals.
Our audit was deliberately simple. We reviewed analytics, search visibility, page structure, accessibility basics, form behavior, and the first-contact journey. For teams planning a similar redesign, our audit UX avant refonte checklist is a useful way to separate subjective preferences from actual user obstacles.
How we reframed the user journey
Before redesigning screens, we mapped three visitor scenarios. This avoided designing only for the partners’ internal view of the firm.
- The SME founder with an urgent dispute. This person wants to know quickly whether the firm handles commercial litigation, how to initiate contact, and whether the lawyers are local enough to understand the business context.
- The marketing or product lead with an IP question. This visitor may not know whether the issue is a trademark, copyright, design, or unfair competition matter. The site needs to help them name the problem without pretending to give legal advice.
- The referral visitor. Someone has heard the firm’s name from an accountant, another lawyer, or a client. They mostly need reassurance: real lawyers, real address, clear expertise, professional tone.
Those scenarios changed the structure of the site. Instead of leading with broad claims like “A multidisciplinary law firm at your side”, we made the first screen answer concrete questions: who are you, where are you, what do you handle, and how can I start a conversation?
This also influenced microcopy. We replaced “Submit” with “Send the first details”. We replaced “Our areas of intervention” with “Situations we regularly handle”. The goal was not to make the firm sound casual. It was to make the next step feel clear and proportionate.
What we changed (weeks 2–5)
Trust signals on the homepage. The hero now states explicitly : firm name, the year founded, the bar council, the number of lawyers, and the two specializations. The four lawyer bios moved from a deeply nested “our team” subpage to a visible section on the homepage, with each lawyer’s bar registration number and year of admission visible. The office address with a map link is in the footer of every page.
Specialization-first information architecture. The twelve practice areas were reduced to four : commercial litigation, intellectual property, contract drafting, and corporate counsel. Each has its own page, with three to five concrete sub-topics, sample client situations, and a clear “how an engagement works” section. The two main specializations (commercial litigation, intellectual property) are featured prominently on the homepage, with the other two as secondary.
Forms reduced to four fields. Name, email, phone (optional), short description of the situation (free text, no minimum length). The form sends a confirmation email immediately and the lead lawyer commits to replying within 24h on weekdays.
Visual identity. The studio kept the firm’s existing logo (well-designed in 2009, still holding up) but rebuilt the entire system around it as part of a more coherent brand charter : a serif display family (Crimson Pro) for headings to signal éditorial credibility, a clean sans (Inter) for body, and a restrained color palette of deep navy and warm cream with a single bronze accent. No gradients, no glassy buttons, no “dynamic” hero video. The visual restraint was a deliberate signal : this is a serious firm.
Content rewritten around decisions, not decoration. We did not simply polish the old copy. We changed the role of each page. The homepage became a routing page. The practice pages became qualification pages. The lawyer bio pages became proof pages. The contact page became a low-friction intake point. Every paragraph had to answer a visitor question or reduce uncertainty.
For example, each practice page now follows the same editorial pattern:
- What this page is about. A plain-language opening that names the type of matter without promising an outcome.
- Typical situations. Short examples that help visitors recognize themselves.
- How the firm can help. A careful explanation of the engagement process, framed generally.
- What to prepare before contacting us. A short list of documents or context, without giving personalized legal instructions.
- Next step. A simple invitation to describe the situation confidentially through the form.
Navigation simplified. The old site had a top menu with seven items, a secondary menu, and several pages that were only reachable from the footer. We reduced the main navigation to four entries: Expertise, Team, Fees and process, Contact. The aim was to make the site understandable even for a visitor arriving from search on a deep practice page.
Accessibility and readability cleaned up. We reviewed color contrast, heading order, focus states, link labels, form labels, and keyboard navigation. The Web Content Accessibility Guidelines WCAG 2.2 provide a recognized reference for making interfaces more perceivable, operable, understandable, and robust. We did not treat accessibility as a final checklist. It shaped typography, spacing, forms, and error messages from the wireframe stage.
Design choices that made the firm feel more credible
Legal websites often fall into two traps. Some look overly corporate and interchangeable: dark suits, courthouse columns, vague promises. Others try to appear modern by borrowing startup aesthetics that feel out of place for a regulated profession. We wanted a third path: contemporary, calm, precise.
The color palette played a major role. Deep navy gave the interface authority without feeling black or heavy. Warm cream softened long reading pages. Bronze was used only for small accents: active navigation, key dividers, and call-to-action states. Because color can strongly influence hierarchy and attention, we kept the palette narrow rather than decorative. This principle is similar to what we explain in notre guide sur les palettes de couleurs qui convertissent: color works best when it clarifies decisions, not when it competes with content.
Typography was equally important. Crimson Pro gave headings a serious editorial texture, close to books and institutional publishing. Inter kept body text highly readable on mobile and desktop. We increased line height, reduced text block width, and avoided centered paragraphs except for very short hero copy.
Photography was replaced with restrained portraits and office details. We did not use theatrical images of courtrooms or gavels. The portraits were direct, well-lit, and consistent. The office photos showed meeting rooms, the entrance, and the street context. For a local firm, this grounded the site in reality: a visitor could understand where the appointment would happen.
The final interface was intentionally quiet. The most persuasive elements were not animations. They were the partner names, visible professional credentials, clear specializations, real address, readable explanations, and a contact process that did not feel like an administrative exam.
Technical implementation and maintainability
The firm needed independence after launch. A beautiful site that requires a developer for every small update would fail the brief. We therefore built a small set of reusable content types: lawyer profiles, practice pages, FAQ entries, testimonial-style quotes approved by the firm, and simple news posts.
Each template had guardrails. Lawyers could edit text, add a new sub-topic, or update a bio, but could not accidentally change spacing, button styles, or page hierarchy. This protected the design system while keeping the site practical for a small team.
Performance was also part of the redesign. We compressed images, avoided unnecessary scripts, removed legacy plugins, and kept the front-end simple. Google web.dev documents performance and Core Web Vitals as important aspects of user experience on the web. For this project, the performance goal was pragmatic: pages should feel immediate on mobile, especially for visitors comparing several firms quickly.
We also reviewed tracking and consent. The old site had an outdated analytics snippet and a cookie banner that did not clearly explain choices. The new setup used only the measurement tools the firm actually needed, with a clearer consent flow. In France, the CNIL recommendations on cookies and other trackers are an essential reference for consent, information, and user control.
Finally, we documented the editing process in a short internal guide. It explained how to update a lawyer bio, publish a new article, edit a practice page, and check a page before publishing. The guide was not a brand manifesto. It was an operational tool: screenshots, examples, and common mistakes to avoid.
Compliance, ethics, and tone of voice
A law firm website cannot be written like a generic lead-generation page. The tone must respect professional obligations, avoid exaggerated claims, and avoid creating the impression that a visitor has received legal advice just by reading a page.
We therefore removed phrases such as “we guarantee the protection of your business” and “the best strategy for your dispute”. They were replaced with more accurate language: “we assess the situation, identify procedural options, and explain the next steps”. This is less flashy, but more credible.
We also avoided publishing detailed legal templates or overly prescriptive checklists. A page can help a prospect understand the type of work a firm does, but it should not replace a consultation. This distinction matters in YMYL-adjacent contexts: even when the article itself is about design, the underlying service is legal.
For accessibility and usability, we used plain-language labels and visible error messages. The Nielsen Norman Group has long emphasized that users rely on clarity, recognition, and low cognitive effort when navigating interfaces. In practice, that meant fewer clever headings and more direct wording: “Commercial litigation for SMEs” was better than “Defending your interests in complex environments”.
Outcomes (measured 90 days post-launch)
Three internal metrics improved meaningfully :
- Qualified contact-form submissions : roughly doubled. The firm went from occasional form leads to a steadier flow of requests that matched its core practice areas. The increase was measured against the firm’s own pre-launch baseline, not presented as a universal benchmark.
- Better fit of inquiries. The lawyers reported fewer vague messages and more requests mentioning commercial litigation, intellectual property, contracts, or recurring counsel needs. That suggested the new information architecture was helping visitors self-qualify.
- More confident internal use. The partners started sending the URL again in email signatures, referral follow-ups, and networking conversations. This was not an analytics metric, but it mattered: a website that the team is embarrassed to share rarely performs as a business asset.
Search visibility also improved for several local and specialization-related queries, although we avoid overstating causality. The site changed many things at once: structure, copy, performance, internal linking, page titles, local trust signals, and content depth. It would be misleading to attribute the improvement to a single design choice.
What we can say with confidence is that the redesign aligned the site with how prospects actually evaluate a professional service provider. Visitors did not need to decode the firm’s expertise. They could see it, verify it, and contact the right person with less friction.
What other professional-service firms can learn from this project
This case study is about a law firm, but the lessons apply to many expert businesses: accountants, consultants, architects, B2B agencies, engineering offices, and niche advisory firms.
- Specificity beats prestige language. “We handle trademark opposition and licensing agreements” is more useful than “we support your strategic ambitions”.
- Trust must be visible before it is poetic. Credentials, names, locations, process, and scope of work should not be hidden behind generic claims.
- A shorter form can produce better leads. Qualification should begin with the right content, not with an intimidating form.
- Visual restraint can be a conversion asset. For serious services, calm design often communicates confidence better than trend-driven effects.
- Maintainability is part of UX. If the team cannot update the site, the content will age and the user experience will decline.
The biggest strategic choice was not the font, the CMS, or the hero layout. It was deciding what the firm should be known for. That decision allowed every other choice to become simpler: fewer pages, clearer navigation, sharper copy, and a more coherent brand presence. If your organization is approaching the same kind of project, our guide to les étapes et erreurs à éviter lors d’une refonte de site web explains why this strategic narrowing should happen before production begins.
Questions fréquentes
How long did the law firm website redesign take?
The redesign took six weeks from audit to launch, followed by measurement over the first 90 days after launch.
Did the redesign include legal advice content?
No. The project improved structure, wording, trust signals, accessibility, and contact flow, but visitors still need to consult a qualified lawyer for advice on their own legal situation.
What was the most important change?
The most important change was making specialization and trust visible immediately, instead of hiding credentials and expertise in secondary pages.
Can a small professional firm maintain this kind of website without a marketing team?
Yes, if the site is built with reusable templates, clear editorial rules, and a short internal guide that explains how to update content safely.