Counsel that
compounds.
Thornfield Legal embeds senior solicitors into growing businesses. Their old site did not reflect that ambition. We rebuilt it from scratch: clean, fast, structured around the business lifecycle their clients actually follow.
Blue that earns trust. White that lets it breathe.
Law firm websites gravitate toward navy and gold. It is a safe choice that says nothing. Thornfield Legal went with a saturated royal blue (#0044FF) against clean white. The blue is confident without being corporate. It reads well on screens and prints cleanly on business cards.
The hero uses a real team photograph. Not stock. Not illustrated. Seven people standing in their actual office. Visitors see who they will be working with before they read a single word of copy. That photograph does more for trust than any testimonial carousel.
Typography pairs a bold serif for headlines with a clean sans-serif body. The serif gives editorial weight to section titles. The sans keeps dense legal service descriptions scannable. Two fonts, no decorative elements, and enough whitespace to let both do their job.
Organised around how businesses actually grow.
Business lifecycle as navigation model
Most commercial law firms list their practice areas in a flat menu: employment, IP, corporate, disputes. Thornfield Legal wanted something closer to how their clients think. A founder raising a seed round has different legal needs than a business preparing for acquisition.
We structured the content around four growth stages: big idea, getting started, scaling, and established. Each stage lists the common legal challenges alongside a short explainer. Visitors self-select into the stage that matches their situation rather than guessing which practice area applies.
Three-tier service model
Engage, Enable, Extend. Each tier has a one-line description and a clear scope. Visitors understand the difference between flexible access and a managed partnership in seconds. The middle tier uses a filled blue card to guide the eye. Simple visual hierarchy replaces a wall of fine print.
News and insights feed
A tagged content grid with categories for legal updates, thought pieces, events, and expert Q&As. Each card carries a publication date and category pill. The layout signals that the firm publishes regularly without requiring a separate blog subdomain.
Built to load before the kettle boils.
The previous site ran on WordPress with a page builder and nine active plugins. Load times sat around four seconds on mobile. Google penalises anything over 2.5 seconds in its Core Web Vitals assessment. The site was invisible to exactly the people searching for a commercial solicitor.
The rebuild runs on Next.js 16 with React 19. Every component is purpose-built. The lifecycle section, the pricing cards, the news grid. No drag-and-drop builders. No third-party widget libraries. Images are served as WebP with automatic responsive sizing. Fonts are subset and self-hosted. The entire first load ships under 180KB.
Google Lighthouse audit, mobile, simulated throttling. Scores reflect production deployment.
Common questions about law firm websites
Running a law firm?
Your website should work as hard as you do. We build fast, accessible, high-converting sites that score 100/100 and ship in under a week.