UX plan

Main flow

Three steps only:

1. Connect Fuel wallet.
2. Deposit FUEL and choose term.
3. Receive USDC.

The quote panel shows:

• FUEL to lock
• term: 6, 9, or 12 months
• advance rate
• USDC received now
• USDC owed at maturity
• optional FUEL interest estimate
• maturity date and 2-week repayment deadline
• pool availability warning if insufficient USDC exists

Main page

Keep desktop mostly non-scrollable:

• header: Fuel Credit, docs, stats, GitHub, Fuel X/social link, connect button
• left: selling points and pool status
• right: lending card
• bottom/connected state: user's active loans

Use light mode by default. Use resources/fuel-logo.svg for Fuel green/white brand extraction, but optimize for clarity over decoration.

Connected wallet state

Show each loan with:

• loan ID
• collateral locked
• USDC borrowed
• interest accrued/fixed due
• maturity date
• maturity deadline
• status: active, expired, delinquent, repaid
• actions: repay full, repay partial, claim collateral
• explorer links for open/repay/claim transactions

Testnet faucet helper

After wallet connect on testnet, show a faucet callout if the wallet lacks test ETH/FUEL for gas:

• Link: https://faucet-testnet.fuel.network/
• Prefer prefilled/user-address URL parameters if supported by the faucet.

Stats page

Show confidence-building metrics:

• total users
• loans opened, active, expired, delinquent
• total open interest
• total funds lent out
• total funds available to lend
• all-time pool size
• loans by size
• average loan size issued
• percentage of FUEL locked in loans vs rough total supply
• download daily historical CSV

Docs links

Public docs should include:

• how it works
• deployed addresses
• ABI artifact locations
• oracle details
• risk and insurance assumptions
• GitHub repo link