Rockstable — Redesigning a Blockchain Homepage That Wasn't Converting
The Client
Rockstable is the company behind IRMA (Inflation Resistant Medium of Account), a stablecoin designed to resist inflation. They had a working product and real users, but their homepage wasn't pulling its weight.
The existing site had all the right information in all the wrong places. The layout felt dated, sections competed for attention instead of guiding visitors through a story, and it wasn't immediately clear what Rockstable actually did or why their approach to stablecoins was different.
For a blockchain product, trust is everything. The old homepage wasn't building it fast enough.
The Brief
Redesign the homepage from scratch. Keep the brand intact, but rebuild the entire experience so a first-time visitor could understand Rockstable's value proposition within seconds and feel confident enough to explore further.
Diagnosing the Old Page
Before designing anything, I broke down what was and wasn't working:
Working: The content itself was solid. Rockstable had a genuine differentiator (inflation resistance) and real technical substance behind it.
Broken: The hierarchy was flat. Every section felt equally important, which meant nothing felt important. CTAs were buried. The visual language didn't match the sophistication of the product.
Missing: There was no narrative arc. Visitors got information, but not a story that built toward a decision.
The Redesign Strategy
I restructured the entire page around a single user journey: What is this? → Why should I care? → How does it work? → What do others think? → What do I do next?
Each section has one job. The hero establishes what Rockstable is. The next section explains why inflation-resistant stablecoins matter. Features come after the visitor already understands the value. Social proof and CTAs close the loop.
Key Design Decisions
Dark, high-contrast palette: Blockchain products that use light, airy designs often feel insubstantial. I went dark with controlled accent colors to communicate security and seriousness without feeling cold.
Simplified navigation: The old site had too many nav items competing for clicks. I stripped it down to the essentials so visitors stay on the conversion path.
Typography-driven hierarchy: Instead of relying on decorative elements, I used type scale and weight to guide the eye. Headlines are large and confident; body text is readable and restrained.
Breathing room: The old page was dense. I introduced generous spacing between sections so each idea gets its own moment. In blockchain, where concepts are already complex, whitespace is a comprehension tool.
Stronger CTAs: Primary actions now use high-contrast buttons visible without scrolling. Secondary actions are clearly differentiated so visitors always know the next step.
The Build
Designed in Figma, built and deployed in Framer. Framer was the right choice here because it let me ship a production-quality site with scroll animations and responsive behavior without needing a separate developer. The client gets a site they can update themselves.
What Changed
The new homepage does three things the old one didn't:
Communicates the value proposition in under 5 seconds. The hero section answers "what is this and why does it matter" before the visitor scrolls.
Builds trust through structure. The logical flow from problem to solution to proof makes the product feel considered and credible.
Guides visitors toward action. Every section ends with a clear next step instead of a dead end.
Outcome
The client approved the redesign on first look. The new site shipped live at rockstable.io, giving Rockstable a homepage that communicates their value proposition clearly, builds trust through structure, and moves visitors toward action.
Takeaway
The biggest improvement here came from removing friction: flattening the information architecture, cutting visual noise, and letting the product's actual strengths do the talking. Redesigns work best when you resist the temptation to add more and focus on making what's already there land harder.
Homepage redesign for Rockstable, a blockchain stablecoin issuer. Rebuilt the page structure, visual hierarchy, and conversion flow in Framer. Client approved on first look.