Back to projects
Static Site · Design + Build

Loyal Capital Investments

We rebuilt Loyal Capital’s digital presence from a static brochure into a conversion-driven platform. The new site loads in under a second, ranks for high-intent terms across three markets, and pipes qualified leads straight into the partners’ calendars.

Year
2025
Role
Design + Build
Timeline
6 weeks
Loyal Capital Investments
// Results
99 / 100
Lighthouse
0.6s
TTI
+318%
Qualified leads
// Built with
Next.jsReactTailwind CSSVercel
// The challenge

Loyal Capital had a tired brochureware site, no measurable inbound, and a partner team spending half their week answering low-intent forms. Their brand needed to read as credible to family offices in three markets, while the funnel needed to qualify hard before anything hit a calendar.

// Our approach

We treated the site as a sales surface, not a content site. Every page is a decision: who you are, what you need, what happens next. Underneath, a typed CMS lets the partners publish in twenty minutes without breaking SEO, and an instrumented booking flow scores leads before they reach the inbox.

“
They understood our business before they touched the design. Six weeks later we had a site that actually does the qualifying — our partners now only see leads they want to talk to.
Md
Marieke de VriesManaging Partner, Loyal Capital
// What we shipped
01Brand refresh — wordmark, type pairing, motion language
02Marketing site — 14 pages, fully responsive, edge-rendered
03Lead-qualification flow with calendar integration
04Headless CMS with 4-role workflow + preview environments
05Analytics + attribution pipeline (GA4 + Plausible)
06Multi-region SEO — EN / NL / DE with hreflang
// Process
1

Discovery

Week 1

Partner interviews, audit of inbound, competitor teardown across 18 firms in DACH + Benelux.

2

Strategy

Week 2

Positioning, messaging hierarchy, IA. Signed off on the partner offsite — one room, one afternoon.

3

Design

Week 3–4

Visual system, key page comps, motion principles. Reviewed live in Figma each Friday.

4

Build

Week 5

Next.js implementation, CMS modelling, accessibility pass at AA, performance budget enforced in CI.

5

Launch

Week 6

Soft launch to existing clients, then DNS cutover. Lead routing rules tuned in the first two weeks of live traffic.

Credits

TechSprout StudioDevelopment