← 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 + TypeScriptType-safe, scalable component architecture
Tailwind CSSCorporate design system, built fast
Framer MotionSubtle, professional motion
next/imageOptimized 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.