DeFi lending protocol · Web3

vProtocol

A collateralized DeFi lending protocol that combines peer-to-peer and liquidity-pool lending to improve capital efficiency, built on Scroll. I led the build, integrated and wrote the smart contracts, and built the interface.

role
Led the build; integrated the smart contracts and built the UI
organisation
vProtocol

The problem

Pooled lending is capital-efficient but blunt; peer-to-peer lending is precise but thin. vProtocol's premise is to combine them, which puts a lot of logic into the contracts and a lot of clarity requirements on the interface: asset risk, supply and borrow rates, and totals must be readable at a glance.

What I built

The protocol has two modes: vPool, a liquidity pool, and vPeer, where lenders and borrowers post their own orders with a duration and an interest rate. I led the build of the protocol and its product site: a landing page that states the proposition (lend, borrow, earn) and a markets view with a card per asset showing risk level, total supplied, supply APY, total borrowed and borrow APR.

I integrated and wrote the smart contract flows (Solidity, Hardhat, ethers.js) and the Next.js interface that drives them, deployed on Scroll.

Screens

  • The vProtocol dashboard design: collateral, supplied and available-to-borrow cards with a health-factor bar, and side-by-side lend orders and borrow orders.
    Dashboard (design)The dashboard design: total collateral, total supplied and available-to-borrow cards with a health-factor bar, a vPool / vPeer switch, and lend orders beside borrow orders (sample data).
  • The vProtocol marketplace design: total supply and borrow, and a market overview table of lend orders with duration, interest and volume.
    Marketplace (design)The marketplace design: total supply and borrow, then a market overview with vPool and vPeer tabs and order tables showing asset, duration, interest and volume (sample data).
  • The vProtocol home page: 'Lend. Borrow. Earn.' with a Top Assets row of market cards.
    vProtocol homeThe home page: 'Lend. Borrow. Earn.', followed by a Top Assets row with risk, supply and borrow figures per asset.

Engineering decisions

  1. 01

    Combine peer-to-peer and pools

    The protocol is designed around both models so liquidity from pools can back precise peer-to-peer positions, rather than choosing one.

  2. 02

    One card per asset

    Every asset card carries the same five fields in the same order, so risk and rates can be compared without reading.

Stack

Contracts
  • Solidity
  • Hardhat
Frontend
  • Next.js
  • React
  • ethers.js
  • Tailwind CSS
Network
  • Scroll