โ—‡ Prototype Link

โ—‡ Prototype Build Notes

๐ŸŸข Try the live build: fxpress.netlify.app โ€” the prototype is a real, working product anyone can use right now.

Prototype

How does the design hold up against real users โ€” and against real data?


Property Value
๐Ÿท๏ธ Status Complete ยท Live
๐Ÿ”— Live Build fxpress.netlify.app
๐Ÿ“… Project FXpress ยท Cross-Border Sending Companion
๐Ÿ”– Phase Prototype
๐Ÿงฉ Input High-fidelity wireframes ยท design system
๐Ÿ—‚๏ธ Output Live deployable web widget ยท Chrome extension

Prototype at a Glance

The prototype of FXpress is the live web widget (fxpress.netlify.app) โ€” a working, deployed build of the product: live FX rates and 30 days of central-bank history for 18 corridors, Claude-narrated rate reads, deterministic conversion math, editable triggers, and handoff to the user's preferred money-mover. The same single HTML file deploys as a Chrome extension popup.

The widget matters because it answers a question a clickable mockup cannot: does the central idea โ€” an AI co-pilot that reads the rate and describes where it sits, without ever telling the user what to do โ€” actually work against real data? It does, and building it against real data is also what exposed where the idea was weakest.

The design work behind it โ€” the canvas states, the component specs, the design system โ€” is documented in Hi-Fi Wireframes and Branding & Design System and built out in Figma.


The Architectural Decision That Protects Trust

One decision is deliberately visible in the live build and matters more than any other for a product that moves money:

Code computes. Claude narrates. The two never swap roles.

Exchange-rate conversion, the final recipient amount, and the range position are all handled by fixed, auditable JavaScript โ€” not generated by the language model. Claude is given a finished conclusion as text and asked to phrase it warmly. It cannot invent rates or predict the future because it never sees raw market data; only the descriptive signal code has already computed.

No fee appears anywhere in the product. FXpress doesn't move money and has no visibility into what the provider charges, so rather than estimate one, the canvas states the recipient amount at the current rate and names the gap.