Loading projects
MountStreet
$175 billion under administration, nine offices, two regulators. And a starting goal that had nothing to do with finance: make an institutional lender want to pick up the phone.
About the project
Mount Street administers loan portfolios for banks and institutional investors. Nine offices across Europe and the United States, more than 150 clients, regulated by the FCA and BaFin. A site where every published word is legally binding for the company.
My role: Figma mockups and front-end integration, as part of the project team.
Three constraints to reconcile: separate content per region without multiplying back-offices; dozens of regulatory documents to make readable; and a human tone in a sector that never has one.
I delivered a component library before the pages: service cards, testimonials, counters, accreditation badges — with their edge cases designed: long titles, ten-line testimonials, ever-growing lists of certifications. Then I built them as React components in Next.js, fed by the WordPress API. Designing and building the same blocks has a direct benefit: gaps between mockup and result are settled upstream, not through back-and-forth.
Institutional proof is organised in three layers, from lightest to most committing: key figures, testimonials, then accreditations and awards.
Architecture: headless WordPress. Content stays in WordPress, which the client team already knows; Next.js handles server-side rendering and image optimisation; the back-office is never exposed to the public. A multisite install, one site per market, a single front-end: adding a region doesn’t mean rebuilding the site.
On the front end, this architecture imposes a simple rule: every component must hold up with the real content returned by the API, not with the mockup’s. That is what decides whether the client can run their site on their own.
Stack: Headless WordPress (multisite, WP Engine) · Next.js, React · Figma
Role: Figma mockups & design system, front-end integration, team project
Gallery
