← ALL PROJECTSSTERLING & HALE ADVISORY / №04
Client project/Professional services firm site

Sterling & Hale Advisory

A client site for a multi-disciplinary professional services firm.

Scope
Product, design, build
Surface
Web app + client portal
Team
FavLab, client build
Status
Live
Sterling & Hale Advisory on desktop
Next.js✦React✦Tailwind CSS✦Framer Motion✦Express✦MongoDB✦Stripe✦Resend✦
1998
Established
95%+
Client retention
01 / Notes
I
Problem

Clients researching insurance, financial planning, and legal counsel separately end up with compartmentalized advice that doesn't talk to itself.

II
Approach

Position the firm around integrated, fiduciary-first advisory — one point of contact, one coordinated recommendation.

III
Result

A site that communicates accountability and clarity over product-driven sales.

02 / Screens
Sterling & Hale Advisory on tablet
01Tablet — the same experience, narrower
Sterling & Hale Advisory on mobile
02Mobile — the experience on the move
03 / How it was built

Four phases, one working product at the end of each.

PHASE 01
Build the public site

Service-specific landing pages, an interactive fee/coverage estimator, and a site-wide command palette.

PHASE 02
Layer in compliance

Form CRS, ADV brochure, privacy self-service, and lightweight English/Spanish i18n — the disclosures a real advisory firm has to host.

PHASE 03
Add the client portal

Real per-account session auth with bcrypt and MongoDB-backed sessions, then TOTP two-factor as the natural next layer.

PHASE 04
Wire up the back office

Auto-generated PDF summaries, a Stripe checkout add-on, real-time admin notifications, and a public status page.

04 / Capabilities20 total

How Sterling & Hale Advisory works, start to finish.

What a visitor actually sees and uses before ever becoming a lead

01
Service-specific landing pages
Dedicated pages per discipline, each with its own SEO metadata, FAQs, and a pre-filled service field on the contact form.
02
Interactive fee/coverage estimator
A client-side tool that turns the site into something a visitor can actually use, not just read.
03
Site-wide command palette
Cmd/Ctrl+K search across services, blog, and team pages — the power-user UX usually reserved for SaaS products.
04
Dark mode
A theme toggle across the shared chrome and homepage sections, with no flash of the wrong theme on load.
05
Compliance documents page
Form CRS, privacy policy, and ADV brochure, generated server-side and served as static assets — the disclosures a real advisory firm has to host.
06
Exit-intent lead magnet
A scroll-depth and exit-intent popup offering a downloadable guide in exchange for an email, feeding the same newsletter pipeline.
05 / Stack
Next.js
React
Tailwind CSS
Framer Motion
Express
MongoDB
Stripe
Resend
Client quote
Before this, a client's insurance, financial planning, and legal advice came from three separate conversations that never quite lined up. The site finally reflects how we actually work — one point of contact, one coordinated recommendation.
R. Hale, Managing Partner — Sterling & Hale Advisory
← Previous · №03
PostPilot
Next · №05 →
Toothood Dental
Available for new builds

Let's build the thing your competitors keep postponing.

usually a reply within a few hours ✦
Chat with us