Back to projectsloyal-capital · 2025
💼 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.

Year2025
RoleDesign + Build
Timeline6 weeks
Livewww.loyalcapital.investments
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. 1
    DiscoveryWeek 1

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

  2. 2
    StrategyWeek 2

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

  3. 3
    DesignWeek 3–4

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

  4. 4
    BuildWeek 5

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

  5. 5
    LaunchWeek 6

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

Credits

TechSprout StudioDevelopment