← Back to Work
⚖️

Advoca

Law Firm Website

RoleDesigner & DeveloperDuration2 weeks

Overview

A self-initiated law-firm website — built to explore a trust-first design that projects authority, surfaces case results as social proof, and funnels visitors into a consultation.

The Problem

▸Establish instant credibility and authority

▸Explain multiple practice areas without overwhelming visitors

▸Drive free-consultation enquiries

▸Surface verdicts and testimonials as social proof

▸Rank for competitive legal keywords (SEO-first)

The Solution

I built a server-rendered Next.js site with a confident navy-and-gold identity, structured practice-area pages, a case-results showcase, and a prominent free-consultation funnel. Semantic, fast, and fully responsive — engineered to convert high-intent visitors into leads.

Tech Stack & Decisions

Next.js (App Router)— SSR for SEO and authoritative, fast pages
React + TypeScript— Type-safe, scalable component architecture
Tailwind CSS— Corporate design system, built fast
Framer Motion— Subtle, professional motion
next/image— Optimized hero and imagery for Core Web Vitals

Key Features

✓Practice-area sections (personal injury, family, criminal, business)
✓Case-results and verdicts showcase
✓Attorney profiles and firm credentials
✓Client testimonials across practice areas
✓FAQ addressing common client questions
✓Free-consultation lead form
✓Persistent emergency-contact bar
✓Fully responsive corporate layout

Results

↑Fast server-rendered loads and SEO-ready markup

↑Clear, low-friction free-consultation funnel

↑Social proof surfaced prominently to build trust

↑Responsive across all device sizes

↑Deployed on Vercel with a global CDN

Lessons Learned

💡

In legal, social proof (verdicts, testimonials) is the strongest conversion driver

💡

Clear practice-area information architecture reduces bounce

💡

A persistent consultation CTA meaningfully lifts enquiries

Like what you see?

I build production-quality software. Feel free to explore more or say hello.