Website design & development

A personal-injury website built for urgent, bilingual decisions.

Project: Devoted Injury Lawyers
Industry: Legal
Services: Website Design & Development, SEO, Local SEO
Built with: Astro, Tailwind CSS, Cloudflare Workers, Clio Grow CRM, GA4

Start a Website Project Visit devotedinjurylawyers.com

Devoted Injury Lawyers homepage on desktop: California injury attorneys hero with case-review call to action

The project

The project.

Devoted Injury Lawyers is a California personal-injury firm based in Oceanside.

We replaced its WordPress site with an Astro website covering practice areas, California cities, attorney profiles, a blog, a settlement calculator and a Spanish-language mirror.

What the website needed to solve

Injury clients search under stress, often on a phone, so the site had to load fast and make contact effortless.
Lead forms needed to feed the firm's CRM with the right consent records, including optional SMS consent.
Many clients prefer Spanish, so the Spanish pages needed working lead forms too.

Design direction

The design direction.

A dark, premium palette with warm gold accents, a cinematic video hero and clear case-review calls to action.

Typography: Articulat CF with Inter Tight; JetBrains Mono for data

Abyss#192A30
Moon#E8E0D5
Solar#C58033
Skyborne#96ABAC

Information architecture

Key decisions

The decisions that shaped the build.

Consent built into every form
A required consent checkbox on every lead form, with SMS marketing consent kept optional and recorded in the CRM.
Spanish that converts
Lead forms added across the Spanish pages, from 13 to 178 of 183.
Leads go straight to the CRM
Forms sync to Clio Grow; calculator attachments arrive by email.
No silent failures
A failed form submission no longer shows the thank-you page.

Screens

The finished experience.

Devoted Injury Lawyers car accident page with a free case review form

Devoted Injury Lawyers homepage on mobile

Screenshots of the live site, captured 7 Oct 2026.

Development & SEO

Built for performance, not just appearance.

Development

Astro with Tailwind CSS, deployed as a Cloudflare Worker.
Clio Grow lead sync, GA4, live chat and review widgets.
An XML sitemap generated at build time.

SEO foundation

Structured data: Organization, LegalService, WebPage, Service, BreadcrumbList and FAQPage.
Hand-written meta descriptions and FAQ schema across the blog.
Pre-migration URLs redirected to their new equivalents.

Mobile performance (lab)

54 → 73

Largest Contentful Paint

~~6.6s~~ → 3.1s

Homepage weight

~~2,577 KiB~~ → 857 KiB

Lab measurements from project audits, not field data.

Outcome

The finished experience.

A fast, bilingual site with a clear path from search to a free case review.
Every enquiry reaches the firm's CRM with consent recorded.
The mobile homepage is lighter and loads its main content in about half the time.

Website Design & Development →SEO →Local SEO →Legal SEO →