This portfolio is under construction — be patient :)
← Back to work
Web3 DeFi NFT Design System

Dissect

NFT fractional lending platform on Solana

Year 2023 – 2024
Role Product Designer
Tools Figma
Platform Web · Desktop
Deliverables Landing Page · Design System
Borrow Lend Pool
Launch app

Blue-chip NFT lending on Solana

Get involved in
blue chips for
less than a SOL

Unlock the full potential of NFTs through fractionalization — enabling accessible, diversified DeFi lending for everyone.

Read more Launch app

Fractional access to blue-chip NFT lending

Dissect is a DeFi lending platform built on Solana that lets anyone participate in NFT-backed loans through fractionalization. Instead of needing significant capital to fund a full loan, lenders can buy fractions — getting exposure to blue-chip NFT collateral for less than 1 SOL.

I joined as Product Designer to design the marketing landing page and build the full design system from scratch. The challenge: translate a complex DeFi concept into a clear, visually compelling experience that could onboard crypto-native and crypto-curious users alike.

<1 SOL minimum to participate
5 core product sections designed
100+ DS components & tokens

Five pillars of the platform

01

Loan Fractions

Fund loans by the fraction. Lenders can enter blue-chip NFT loans for less than 1 SOL, dramatically lowering the barrier to participation.

02

Portfolio Diversification

Spread lending capital across multiple loans and projects. Build a portfolio of NFT-backed positions that matches any risk appetite.

03

P2Pool Lending

Lenders pool resources together. No more bidding wars or constantly updating rates — fund once and never miss a loan opportunity again.

04

SOL Liquidity Pools

Instantly liquidate fractions from defaulted loans or purchase more to reform a whole NFT — no waiting, no friction.

05

Reform NFTs

Collect 100 fractions of the same NFT and reform them into the full asset. Missing fractions can be purchased directly through the liquidity pools.

Designed to convert and educate

The landing page needed to do two things at once: explain a complex DeFi mechanic clearly, and visually establish Dissect as a premium, trustworthy protocol. Each section was structured around a single concept, with a visual on one side and copy on the other — consistent rhythm across the scroll.

Fraction amount
1 Fraction
25% APY
Fraction price 3 SOL
Loan contribution 10%
Duration 7 days
Estimated earning 0.06 SOL

Making complexity legible

The fraction detail card surfaces the key investment parameters at a glance — price, contribution, duration, and estimated return. Designed to feel like a financial instrument, not a form.

The APY figure takes prominence as the primary decision driver, while secondary data appears in a clean list below, reducing cognitive load without hiding information.

How do we do it different — 4 feature cards

Zero Loan Under-Cutters
Fair lending ensured by protocol mechanics — no race to the bottom on rates.
Accessible Loans
Participate in blue-chip NFT lending for less than 1 SOL — no minimum capital gatekeeping.
Flexible Risk Management
Spread exposure across multiple loans and projects with a diversified lending portfolio.
Recoup Instantly
SOL-backed liquidity pools let lenders exit positions or reform NFTs without waiting.

Built from first principles

The Dissect design system was built in parallel with the product — starting with tokens, scaling up to a full component library. Every element was designed to reinforce the brand's dark, technical, premium aesthetic while remaining developer-ready.

Typography

Inter across all weights — from display/bold at 64px down to x-small/light at 12px. A 10-step type scale with paired bold and medium variants for every level, keeping hierarchy strict and legible on dark backgrounds.

Color Tokens

A token-based color system with semantic naming: surface/base, text/primary, border/focus, interactive/primary. Deep navy backgrounds with pure white text and a sharp blue accent (#3B82F6) for all interactive states.

surface/base
surface/glass
text/primary
border/focus
interactive

Components

Buttons, Tabs, Landingpage cards, Field inputs, Contact links, Icon slots — every repeating element componentized in Figma with defined variants and instance-swap properties. Built for consistency across the full product surface.

Visual Language

Isometric 3D wireframe cubes as the core illustration motif — technical, geometric, and on-brand for a blockchain product. Blue radial glows anchor sections and create visual depth without competing with content.

DeFi lending
made accessible.

Dissect tackled one of DeFi's persistent UX failures: complexity as a moat. By designing around the fraction — the smallest unit of participation — every screen could be built to answer "what do I get?" before anything else. The design system then gave the product a premium foundation to scale from.

Get in touch