James Finch

Digital Product Design

Menu
Back to all projects

A smarter stablecoin, backed by real-world assets

realfi.co

RealFi was moving into a new direction, introducing a new stablecoin, a new app and a new way for users to put their capital to work. The challenge was making this understandable to people who may not have known RealFi, or understood why USDr was different from other stablecoins. The site needed to introduce the proposition, explain the mechanics and build enough trust for users to take the next step.

RealFi Homepage Mobile
Role
Principal Product Designer
Scope
Visual Design / UX / Design Systems / Creative Direction
Teams
Design / Development / Marketing / IT

The experience was built around clearly communicating what made USDr different, liquidity backed by real-world assets, rather than purely crypto-native activity. USDr, RFG and the RealFi app were broken down into simpler sections, showing how everything connected and giving users a clearer understanding of what they could actually do. The roadmap and transparency portal also helped make the product feel more tangible, showing where the project was going and what was happening behind the scenes.

RealFi Navigation Mobile

RealFi What is USDr Mobile

RealFi Partner Page Mobile

RealFi News Hub Mobile

RealFi Brand Hub Mobile

RealFi Waitlist Form Mobile

Turning interest into participation

As the product moved towards launch, the role of the site shifted from explaining RealFi to getting people involved. The testnet and waitlist became much more prominent, with rewards and RFG incentives brought into the main journey. The testing experience was particularly focused around getting users into the app, with a simple 1, 2, 3 flow explaining what to do and what they could earn. The app itself was also introduced through simple flows around swapping, staking and connecting a wallet, reducing the amount users needed to understand before getting started.

RealFi Testnet App Page

Trust signals

Because this was a new stablecoin and a new financial proposition, trust needed to be built into the experience rather than added as an afterthought. Real-world asset backing, reserve composition, stability and transparency were brought much further forward in the story. The site also gave more context around RealFi itself, its mission and the wider ecosystem, helping users understand not just what was being built, but why.

RealFi Transparency Page

Design System

A flexible system of components, styles and interaction patterns created a consistent foundation for the experience, allowing the product to scale whilst maintaining a cohesive visual language.

RealFi Design System Sample

RealFi Design System Sample

RealFi Design System Sample

RealFi Design System Sample