Challenge
B2B buyers wanted to see their cap before asking for a price. Static product pages and an email address meant long back-and-forth before any quote.
[Add client context in their words]
WorkNeutronium Headwear
A cap designer that turns browsing into B2B quotes.
Neutronium Headwear makes custom caps for brands in its own factory. I designed and built their website, an interactive Cap Designer and the quote pipeline behind it.
At a glance
Facts from the build9
cap styles to configure: colour, material and artwork
7
steps from cap style to review, submitted as a quote request
1
person for design, frontend, backend, DNS and deploys
[TBD]
Outcome metric, e.g. quote requests per month. Add once measured.
Approach
A seven-step Cap Designer lets buyers pick a style, then set crown, brim, trims, artwork and labels, with a live 2D preview. Submitting sends a structured quote request into an admin the team works from.
The site runs on TanStack Start with React 19 and Supabase, deployed automatically through Cloudflare. An AI agent loop handles routine engineering: a Claude Code rule library, custom skills, and CI guards for design-system lint, visual regression screenshots and automated PR review.
Result
The designer and quote pipeline are live at neutroniumheadwear.ca. [Result metrics and a client quote, once available]
Gallery
3 screens
Next sample · FX-02 / 22–26
Real-estate platform
Publicly listed company · 1M+ monthly users