Midwest-Based, Nationwide Coverage
Hune Freight
A custom Next.js transportation management system that turns quote intake, carrier setup, load execution, documents, and payment into one accountable freight operation.
Read the full storyLegal Services
The Brandi Law Firm Website Redesign Case Study
A premium legal website and content engine built to make an established San Francisco firm easier to trust, explore, and contact.
San Francisco, CAWebsite RedesignNext.js DevelopmentHeadless WordPressLegal BrandingSecure Lead CaptureLaunch SupportThe Brandi Law Firm
May 23
Production Launch
664
Sitemap URLs
42
Launch Audit Pages
94
Tracked Search Terms
The Challenge
An Established Firm Needed a Website With the Same Weight
The Brandi Law Firm already had what most firms want: reputation, case history, referrals, and real credibility in San Francisco personal injury law. The website needed to carry that same weight.
For a serious legal practice, the website is not a brochure. It is the place potential clients, referral partners, and peers go to decide whether the firm feels credible, capable, and easy to contact.
The existing experience did not give the firm's story enough room. Brandi needed a premium site that could organize decades of content, put attorneys and practice areas in clear view, and make every next step feel intentional.
The rebuild also had to work at scale: California, Nevada, and Arizona messaging, a large legal content library, selected proof points, and a design system that could stay composed instead of becoming cluttered.
Our Approach
Build a High-Trust Legal Website, Not Just a Redesign
We treated the project as a digital operating system for the firm, not a cosmetic refresh. Every major page had to earn its place: establish the brand, explain the work, surface proof, support search visibility, or move a visitor toward contact.
The strategy was simple: make Brandi feel as serious online as it already was offline. The site needed to look premium, load cleanly, protect the content investment, and make a large firm easy to understand without digging.
Premium Legal Brand System
We gave the site a sharper visual system with stronger typography, deliberate spacing, attorney-forward pages, and a design tone that feels serious without becoming cold or generic.
Modern Next.js Website Build
We built the public site with Next.js 16, React 19, TypeScript, Tailwind CSS 4, and Vercel. For the business, that means a faster, cleaner foundation that is easier to maintain and improve over time.
Headless WordPress Blog Preservation
The firm had a large legacy blog library. Instead of throwing that away, we connected WordPress through WPGraphQL so Brandi could keep its publishing workflow while the main website moved to a modern front end.
Search and Conversion Architecture
We organized the homepage, attorney pages, practice-area pages, results, referrals, contact, and licensed-state pages so each page has a clear job for the visitor and a clear topic for search engines.
Secure Contact Experience
We built a secure contact flow with validation, Cloudflare Turnstile, honeypot protection, rate limits, Neon lead storage, internal notifications, lead confirmation emails, and spam review safeguards.
The Results
A Modern Legal Platform, Live and Ready to Compound
The full production site launched on May 23, 2026 at brandilaw.com, with the blog live at blog.brandilaw.com. The firm now has a polished digital presence that meets the standard its reputation already set.
The launch audit confirmed 664 sitemap URLs, 42 checked pages with no challenge or 403 blocks, 41 pages with exactly one H1, and 94 tracked keyword rows ready for ongoing measurement. That is a working search foundation, not a one-and-done launch.
The redesign brought attorney profiles, selected results, client comments, practice areas, referrals, licensed-state messaging, and contact paths into one clearer experience. And the headless WordPress setup kept the publishing workflow intact, so a better front end did not mean a harder content process.
This is what a serious legal website should do: make the firm easier to evaluate, easier to trust, easier to find, and easier to contact, while giving the team a platform that can keep improving after launch.
What This Means for Your Business
Key Takeaways
A website redesign should improve how people evaluate and contact the business, not just change the colors.
A serious professional services firm needs a site that puts trust, proof, and decision-making in the right order.
Headless WordPress can preserve a large content library while giving the main site the speed and design control of a modern Next.js build.
Secure contact forms matter because the website is not finished until people can reach the business safely and easily.
Ready to turn your site into your best lead source?
Tell us what you need. We'll show you what's possible, what it costs, and what to do first, straight answers, free consultation.
A 30-minute strategy call, clear pricing and timeline, and honest advice.
