Selected Work · Website Redesign
A law firm that didn't want to feel like a law firm.
Baron Law & Mediation helps couples divorce without a courtroom battle. Their website needed to feel like what they actually sell: calm, guidance, and a clear path. I rebuilt the brand and all 25+ pages around that one feeling.
What Baron wanted
The calm alternative should feel like one.
Allan and Amy Beth Baron built their practice on a promise: divorce doesn't have to be a fight. The site had three jobs.
Their whole pitch is the calmer path. The site had to carry that feeling in every color, word, and layout.
Every service, both mediators, and every town they serve deserved its own page instead of one crowded brochure.
For someone dreading the first call, the front door is an AI receptionist they can simply talk to, any hour.
The insight
The visitor isn't shopping for a lawyer.
She's going through a divorce.
Every design decision was tested against that emotional state. Reassurance first, information second. Warm off-whites instead of clinical white. Plain English instead of legal jargon.
Before & after
Same firm. A completely different feeling.
The old site said "law firm": dark red, crowded, walls of text. The new one says what Baron actually offers, a calmer path.
The starting point, preserved by the Internet Archive: a conventional law-firm layout that stood until the redesign began.
Rebuilt around reassurance: warm, spacious, and guided from the first headline.
↕ scroll either panel to see the full page
The design language
Calm, carried in every detail.
The palette came from their own logo, tuned warm. The type pairs an approachable serif with a body face that stressed readers can skim. And the voice has hard rules, because words de-escalate or they don't.
The voice rules shipped as a brand framework the firm still uses to write on-brand content without me.
Prototype first, then the build
Every page was proven in HTML before Elementor saw it.
The homepage went through five prototype rounds before a single widget was built. The prototype is the contract: the live build has to match it. That discipline carried across 25+ pages, including 14 town pages for local search.
Homepage prototype v5: a standalone HTML file, approved before the build started.
The same design, live on baronlawmediation.com and fully editable in Elementor.
↕ scroll either panel to see the full page
The method
Brand first. Prototype second. Build once.
Brand framework
Positioning, voice rules, and four visitor personas with their emotional journeys.
Prototype in HTML
Five homepage rounds plus an interior pattern library, approved before building.
Build the patterns
One section vocabulary carried across every page, so the site reads as one thing.
Keep their words
The firm's copy stayed verbatim, and real Google reviews replaced placeholders.
Keep their URLs
New pages took over the old permalinks. Zero redirects needed at launch.
Open the front door
The AI receptionist wired as the primary call to action across the whole site.
Layout and styling live in the page builder, so the firm's team maintains the site without touching code.
The outcome
Live on baronlawmediation.com. Every original permalink intact at launch, and a build the firm's own team keeps evolving without me.
