Kaleo Legal · Site redesign

A modern, boutique identity for a firm whose name means “a calling.”

A complete design system, a production-ready homepage, and wireframes for every template in the Kaleo sitemap — built from the firm's real positioning as fractional, flat-fee general counsel.

What the best US firm sites do — and what I applied

Research → design decisions.

01 · CLARITY OVER CLUTTER

Restraint signals seniority

Top firms (Wachtell, Cravath, Cooley, Latham) lead with whitespace, a single serif voice, and one quiet accent — no stock-photo hero soup. Applied: ink-navy + one bronze accent, serif display.

02 · FIND-AN-ATTORNEY / FIND-A-SERVICE

Two front doors

High-performing firm sites optimize the two real entry intents: people and practice areas. Applied: prominent Services index (25 grouped tiles) + filterable Team grid.

03 · CREDIBILITY, NOT BRAGGING

Pedigree, stated plainly

The strongest sites prove authority with specifics, not invented metrics. Applied: AmLaw 200 / in-house backgrounds, 2 VA offices, 25 areas — all real, no fabricated stats.

04 · A CLEAR MODEL

Lead with the difference

Boutique firms win by explaining their model up front. Applied: a 4-point “fractional GC, flat-fee” section directly under the hero.

05 · INSIGHTS = SEO + TRUST

A real News / Insights engine

Thought-leadership drives both ranking and credibility. Applied: News index + article template wired to practice-area CTAs.

06 · LOCAL + CONVERSION

Offices and one clear CTA

Geography and an obvious “talk to us” path convert. Applied: dual-office module + a single repeated primary CTA, never competing accents.

Deliverables

Open any screen.

Hi-fi

Homepage

Production-ready. Hero, fractional-GC model, client types, featured practice areas, pedigree band, offices, CTA.

Open →
Hi-fi

Services index

All 25 practice areas as live tiles, grouped into Corporate, Litigation, and Regulatory/IP.

Open →
System

Design system

Color tokens, type scale, spacing, buttons, cards, attorney card, forms, status — the full style guide.

Open →
Wireframes

Full-site wireframes

12 templates covering the entire sitemap — About, Team, Member, Services, Practice Area, News, Article, Community, Clients, Local Counsel, Contact.

Open →
Hi-fi

About

The “a calling” story, the firm's model and values, and the pedigree band.

Open →
Hi-fi

Contact

Working inquiry form + dual-office detail. Real validation and submit states.

Open →
Hi-fi

Our Team

Filterable attorney grid — by role and office — with cards linking to each bio. Working filter.

Open →
Hi-fi

Attorney bio

Profile template — portrait, contact/bar/office meta, bio, practice-area chips, representative matters, education.

Open →
Hi-fi

Practice area

Service detail (General Counsel) — overview, where-we-help list, sticky CTA, related areas, attorneys in area.

Open →
Hi-fi

News & Insights

Featured article + category filter + article grid + pagination. Working category filter.

Open →
Hi-fi

Article detail

Post template — reading-progress bar, share + sticky TOC, pull quote, inline CTA, related posts.

Open →
Hi-fi

Community Involvement

Pro-bono & local partnership features, contribution areas, get-involved CTA.

Open →
Hi-fi

Our Clients

Client types, logo wall, full-bleed testimonial, anonymized case snapshots.

Open →
Hi-fi

Local Counsel

Virginia positioning, what-we-handle checklist, federal/state/appellate court coverage.

Open →