Work Top One Trader

Top One Trader

Top One Trader is a prop trading firm with a new promo almost every week. Each one took 2–3 days of the work week, because its Webflow site had grown out of last-minute requests, each one just made to work. I developed its redesign on reusable components, and a new page now takes a day instead of two or three.

Client
Top One TraderProp trading firm
My role
Webflow developmentBuilt from the design team’s redesign
Built with
WebflowComponents with props, MAST
Live
toponetrader.com
The same promo button repeated across a dark background, all showing the code BOO.
1 dayto build a page, down from 2–3 days with QA for one developer
1 switchto change a promo code everywhere it appears

01 · The problem

A new promo every week, and half the week gone.

A new promo went live almost every week, and each one took 2–3 days of the work week: replacing the old promo across the site, building a new marketing page for it, and checking all of it. Each promo has a copy code that appears on buttons all over the site, across several pricing pages, and the only way to change a code was to find every one and edit it by hand.

And it kept taking longer. Everyone was in a hurry, so every last-minute request was just made to work without looking at the structure. The site got slow, full of custom and inconsistent classes, with sections recreated or copied from page to page, and every new promo was harder to ship than the one before.

Fig. 1The live home page during the Halloween campaign: the promo button, and its code being copied.

02 · The approach

One switch for every promo.

I started by adjusting what was there and bringing the classes in line with Finsweet’s system. It helped, but the real answer came while I was learning MAST, a Webflow framework that has since become my main way of working: build everything from components.

So the promo became one main component with a global switch. Change it once and the new code shows everywhere. If a test or a campaign needs something different, that single instance can be changed on its own.

03 · Components

Change anything without being scared of breaking it.

The home page, the call to action, the footer and the buttons are all components now, and they’re easy to reuse and rebuild. Everything that changes is a prop: the heading, the text, the button label, the discount, the link and the copy code.

Whoever edits a page fills in a few fields, and the layout and styling stay out of reach.

Webflow with the “Trade like the top 1%” call to action selected, and its fields on the right: heading, CTA text “Start trading now”, discount text “Up to 70% OFF”, a link to the pricing section and the copy code “2.0”.
Fig. 2The call to action as a component in Webflow. The heading, button text, discount, link and copy code are fields on the right; nothing else can be changed.
Fig. 3Choosing an account on the live site. The same promo code sits above the checkout button, whichever plan you pick.

04 · The result

A page in a day, and a site that stays consistent.

A page used to take one developer two to three days with QA. Now it takes a day. The site looks the same everywhere, because every page draws from the same parts.

It also changed who can work on it. Marketers can make simple pages and updates without calling anyone, and AI agents like Claude can go in, understand the structure and get the job done.

Similar project?

Scared to touch your own website?

Tell me where the work gets stuck, and I’ll tell you how I’d approach it.

What carries over

Three things that would work for your website too.

  1. Build around the change you make most. Here it was the promo, almost every week, so the whole system was built to make that easy.
  2. Set one default, and allow exceptions. A global switch handles the usual case. A single instance can still differ when a test or a campaign needs it.
  3. Build for whoever comes next. Developers, marketers and AI agents can all work on the site now, because the structure explains itself.

Contact

Let’s make something people enjoy using.

Pick a time that suits you, or just send me an email.

About: A new websitechange