Landing page · Featured · 2024
Elevate Trader Landing Page.
Designed to convert.
presentsAdmit one
Act I
The challenge
A prop-trading firm needed a full marketing site, and needed it fast. The constraint that shaped everything: build it in about six days, and structure it so the client could rewrite every headline and price afterwards without touching a line of code.
Act II
What I built
A single-page marketing site for a futures prop-trading firm, designed and shipped solo in about six days. Twelve sections compose the page, and every word and price lives in a typed fixtures directory so the client can edit copy without touching a component.
Intermission, the demo
The product, playing itself
the service itself, drag the dot between the wireframe the project started from and the shipped site
The cast
What actually makes it work
Read the card, then flip it to watch the mechanism run.
0x01
Responsive pricing comparison
A 19-track CSS grid with a shared row-labels column collapses on mobile into per-card inline labels with tooltips and hide-on-mobile filtering across three account tiers.
how it works
Responsive pricing comparison
0x02
Scroll-aware navbar theming
A manual getBoundingClientRect intersection against every green section flips the nav between dark and light with a 500ms transition.
how it works
Scroll-aware navbar theming
0x03
Fixtures-as-CMS
Twelve typed fixture files hold all copy and pricing, so the whole site is editable without opening a component file.
how it works