DeFi Lending & Borrowing Protocol on Arbitrum

Gloop Finance

DeFiLendingBorrowingWeb3ArbitrumGMI Index

A decentralized lending and borrowing protocol featuring the GMI index token - an optimally weighted basket of GM assets. Users can borrow USDC against GM collateral, earn lending yields, and participate in token presales.

Landing Page

Homepage & Product Overview

Gloop Homepage
Hero SectionCapital efficiency messaging with 3D token visualization
Partner LogosOtterSec, Arbitrum, GMX trust badges
How It Works4-step process: Connect, GMI Page, Buy, Borrow
FAQ SectionAccordion-style common questions
Core Features

Collateral Markets & Borrowing

The markets dashboard displays collateral assets (gmBTC, gmETH, gmSOL) with price, supply, borrow amounts, and APY. Users can select assets to borrow USDC against their GM token holdings with real-time health factor monitoring.

Gloop Markets Dashboard
Borrow Interface
Borrow with Market Selection
Deposit GMIInput collateral amount with balance display and MAX button
Borrow PercentageQuick select: 10%, 20%, 35%, 60%, 80% (max)
Position InfoHealth Factor, Liquidation Price, Total Debt tracking
Lending

Supply USDC & Earn Yield

Lenders supply USDC to earn yield from borrower interest. The dashboard shows total supplied, pending rewards, total earned, and current APY with Supply/Withdraw toggle and expandable APY breakdown.

Gloop Lending Dashboard
My DashboardTotal Supplied, Pending Rewards, Total Earned stats
Supply/WithdrawTab toggle between adding and removing liquidity
APY BreakdownBase APY + Bonus APR (distributed as ARB tokens)
Claim RewardsOne-click reward claiming with pending amount display
Position Management

Track, Withdraw & Repay

My Positions List
Position Detail View
Withdraw Modal - Desktop & Mobile
Repay Debt Modal - Desktop & Mobile
Collateral Confirmation Modal
Position CardsAsset icon, price, APY, earnings, leverage, liquidation price
Withdraw FlowSize, Total Debt, Available to Withdraw with Health Factor
Repay DebtUSDC repayment with remaining debt and new health factor preview
Liquidations

Debt Positions & Liquidation Opportunities

The liquidation dashboard shows all debt positions below the 125% collateral ratio threshold. Liquidators can earn profit by calling the liquidate function on undercollateralized positions.

Liquidation Dashboard
Mobile Liquidation View

Liquidation Table Columns

  • -Owner - Wallet address of position holder
  • -Collateral - GM token type and amount
  • -USDC Debt - Outstanding borrowed amount
  • -Collateral Ratio - Color-coded health indicator
  • -Liquidate - Action button for eligible positions
GMI Index Token

Buy, Sell & Stake GMI

GMI is an index token containing an optimally weighted basket of GM assets (ETH GM, BTC GM, ARB GM, SOL GM). Users can buy/sell GMI with various GM tokens, view composition weights, and stake for additional rewards.

GMI Buy/Sell Page
Asset Selection Dropdown

GMI Features

  • -Real-time GMI Price, TVL, Total Supply stats
  • -Buy/Sell toggle with GM token swaps
  • -Asset dropdown showing deposit/withdrawal fees
  • -GMI Composition table with target weights
  • -Stake GMI link for additional yield
Token Sale & Onboarding

Presale, Public Sale & Invite System

Token Presale Page
Join the Gloopers Onboarding
Invite Code Entry Modal
Sale ProcessPresale (Live) -> Public Sale -> Token Claim timeline
Contribution PanelWL/GBC/High Tier allocations with buy/claim buttons
Invite System5-digit code entry with wallet connection prerequisite
Points & Leaderboard

Mobile Dashboard & Rankings

Mobile Leaderboard Dashboard
Referral CodeShareable code for earning referral points
My DashboardLending, Borrowing, Referral points breakdown
LeaderboardTotal Users, Staked GMI, and user rankings
Claim PointsFuture reward claim functionality
Visual System

Design Language

Color Palette

Gloop Green
Background
Card BG
Warning Red

Component Patterns

  • -Green accent for CTAs, APY badges, and active states
  • -Dark cards with subtle borders on near-black background
  • -Tab navigation with underline indicators
  • -Collapsible information panels with Show/Hide toggles
  • -Token icons with colored backgrounds
  • -Responsive modals adapting from desktop to mobile
Designed bySadra Targhi
gloop finance case study
Next Project

SLINGO

->