Rebuilding a website for a company that was reinventing itself

Context

FarPay automates invoicing and payments for small and mid-size businesses. I was the solo designer on this project at Helion B2B, the marketing agency FarPay hired to help it grow. I ran the project end to end: the sitemap, the design system, the wireframes, the build in WordPress, and every stakeholder meeting along the way. A separate team handled the new brand identity. My job was to turn that brand into a working website.

The problem: a confusing site, at the worst possible time

FarPay was about to launch a new growth strategy, built around a new brand and a new way of talking about the company. The old website worked against both. It was abstract and hard to follow, and it failed at the one thing a website has to do: explain what the company sells and why it matters.

It needed to make a strong first impression, hold up on a second visit, and still make sense on every visit thereafter. And it needed to do all this while FarPay scaled fast, which meant the team had to be able to build new pages themselves, quickly, without waiting on a developer.

farpay.com

farpay.com

The old homepage next to the new one

farpay.com

farpay.com

The old homepage next to the new one

What I did

300 pages became 50. I went through FarPay's old site page by page. Most of it wasn't being used and wasn't earning its place. I cut it down to the 50 pages the business actually needed. 

The sitemap followed the user. With those 50 pages, I mapped out what content lived where and rebuilt the structure around how someone actually finds and buys FarPay's product, not around how FarPay's internal teams were organized.

The visual direction got tested before the pages did. Before I designed a single real page, I mocked up what the new brand could look like applied to a website. Getting that right first meant I wasn't redesigning finished pages later.

A component library did the stakeholder alignment, not endless meetings. Once the direction was approved, I built a design system and component library in Figma and used it to wireframe the 15 most important pages. That let every stakeholder sign off on layout and content before I touched WordPress. Changes are cheap in Figma and expensive once a page is built.

farpay.com

farpay.com

The old pricing page next to the new one

farpay.com

farpay.com

The old pricing page next to the new one

The final site was built from modules. The result is a website assembled from a flexible module system: on-brand by default, fast to update, fast to extend. FarPay's team can build a new page in a fraction of the time the old site would have taken.

9:41

9:41

Two payment method pages, same module, different content, built without a designer touching Figma

9:41

9:41

Two payment method pages, same module, different content, built without a designer touching Figma

The outcome

The site went live in February 2025. With the new module system in place, FarPay's team could scale content and offers far faster than before. New pages went from a development request to something they built themselves. The new brand also gave them something to be proud of: they picked up the pace of their organic posting noticeably once it launched.

In November 2025, POM Group, a Dutch payments company, acquired a majority stake in FarPay to expand into Northern Europe. FarPay kept its own brand, team, and Danish offices as part of the deal. I can't tie that acquisition directly to the website (a lot goes into a deal like that), but it happened in the same growth push this site was built to support.