CASE STUDY

Designing decentralized insurance from the ground up

Unslashed Finance Design Case Study

Key Outcome

From MVP to +$100M Total Locked Value in 6 months

TIMELINE
Jun 2020 - Dec 2020
COMPANY
Unslashed Finance
INDUSTRY
Decentralized Finance
MY ROLE
Founding Designer

Strategic mission

Over 6 months, I designed the complete user experience from scratch: information architecture, core product flows, a design system, and a landing page. All while making a deeply technical protocol feel approachable to both capital providers and cover buyers.

3
Team Members

Smart contract, design, full stack dev

6 months
v1 build

From design and frontend implementation to launch

+$100M
TVL

Total Locked Value of deposited cover policies at launch

The Project

Unslashed Finance was a decentralized insurance protocol that let anyone buy coverage against smart contract failures, exchange hacks, oracle malfunctions, and stablecoin depegs.

On the other hand, capital providers could deposit collateral to earn a yield while providing coverage. Claims were resolved through Kleros, a decentralized arbitration layer, making the entire process trustless and transparent.

The protocol launched with $100M+ in total value locked.

The project is now discontinued, but the work remains a strong example of designing complex financial systems under constraints: a small team, a new category, and high stakes.

Tools

Figma, Linear, Webflow, Jitter

Overview screen of Unslashed Finance
Overview screen of Unslashed Finance

The Challenge

A working MVP, no real user experience

2020 was early for DeFi. Most protocols shipped bare-minimum interfaces, and users were eager to explore but hesitant to commit capital when the UX felt unpolished.

Before I joined, the team had a functional protocol, but the interface was a raw smart contract wrapper that barely showcased its capabilities. The UX didn't match the ambition.

On the right side, you can see the MVP version of the UI, it’s a one-screen UI that validates the utility and raised VC funds, but it wasn’t mature enough to gain trust and adoption.

Unslashed Finance contract UI wrapper before my interventions
Unslashed Finance contract UI wrapper before my interventions

Research & Discovery

Understanding what DeFi users actually need from insurance

Through 1:1 interviews, competitive analysis of Nexus Mutual and Cover Protocol, and jobs-to-be-done mapping, I identified the core tension: users understood the coverage conceptually but couldn't evaluate what they were actually protected against.

Trust wasn't just about smart contract security. It was about whether the interface communicated risk clearly enough to commit capital.

Competing protocols prioritized functionality over clarity. The opportunity was to make the experience self-explanatory for cover buyers and capital providers

Information architecture

Mapping a protocol with two very different user types

The first step was untangling the product's complexity. Unslashed serves two audiences with opposing mental models: capital providers seeking yield, and cover buyers seeking protection.

I mapped every state, flow, and relationship across the protocol: collateral management, cover purchasing, claims filing, dispute resolution, and policy documentation. This IA became the foundation for every design decision that followed.

Information Architecture Diagram for Unslashed Finance, Part 1
Information Architecture Diagram for Unslashed Finance, Part 1
Information Architecture Diagram for Unslashed Finance, Part 2
Information Architecture Diagram for Unslashed Finance, Part 2

Experience design

Three core workflows, one coherent product

The platform supported three core journeys: Collaterals, where capital providers deposit into markets, track APY, and manage withdrawals. Covers, where buyers browse, purchase, and manage protection policies. And Claims, where users file incidents and navigate deposit requirements, challenge periods, and dispute resolution through Kleros arbitration.

Covers screen for a connected wallet, cards view
Covers screen for a connected wallet, cards view
The details view of an insurance policy cover allows users to add or reduce capital to their coverage.
The details view of an insurance policy cover allows users to add or reduce capital to their coverage.
Capital Pools screen, where users can supply capital to a specific protocol cover policy and earn yield on their stake
Capital Pools screen, where users can supply capital to a specific protocol cover policy and earn yield on their stake

Deep dive

Claims Flow: designing trust into a trustless system

The claims process was the highest-stakes flow in the product. I designed a step-by-step guided experience: select protocol, choose incident type, specify compensation, understand deposit requirements, and submit. Every step surfaces the right context at the right time, because in DeFi, clarity is the difference between trust and abandonment.

If a claim gets challenged, it enters Kleros arbitration. The UI needed to communicate status transitions, evidence windows, and appeal mechanics without overwhelming the user.

Example of a claim made by a covered user over a protocol incident
Example of a claim made by a covered user over a protocol incident
List of claims where users claim insurance coverage over incidents affecting them and involving protocols under their coverage
List of claims where users claim insurance coverage over incidents affecting them and involving protocols under their coverage
Form screen showcasing an example of a claim procedure where a user can claim coverage for a protocol incident and verify their eligibility for coverage funds
Form screen showcasing an example of a claim procedure where a user can claim coverage for a protocol incident and verify their eligibility for coverage funds

Landing Page: first impressions convert

I designed and built a landing page using Figma and Webflow to give the protocol a credible front door. The goal was to turn curious DeFi users into cover buyers and capital providers by communicating the value proposition clearly and inspiring trust from the first interaction.

Designed on Figma, Built on Webflow

Other Case Studies

View More Work

Ready to collaborate?

Open to new opportunities

Let's discuss how we can build something impactful together.

Get in touch