SAWA Swap

DeFi service for swaps on the Linea network

Project overview

Lightweight interface for the Linea network (L2 Ethereum) with a familiar Uniswap-like UX: fast token swaps and concentrated liquidity management (price range and fee tier selection) in a light responsive theme.

Objective

To create a clear and secure interface for key DeFi scenarios: wallet connection and Linea network selection token swaps with trade preview, confirmation, and status modals adding/removing liquidity in v3 pools with price ranges and fee tiers transparent fee/minimum received calculations and allowance/approve guidance built-in transaction history

DeFi service for swaps on the Linea network — main case image

Industries

DeFi , Web3, DEX

Services provided

Product UX architecture and prototyping.
Design system: light theme, typography, responsive layout.
UI design for Swap, Liquidity, Position, and History screens.
Wallet integration and routing (Uniswap-compatible SDK/API).
Hints/statuses, error handling, localization.
Layout and frontend (React/Tailwind/shadcn), accessibility and performance.

What we built

Swap screen: input form, balance auto-fill/Max, quote preview, price impact, slippage, fee, network cost, route.
Confirm swap and status modals (sign/approve/processing/success/error).
Token Select with search, balance list, and chains.
Add/Remove Liquidity (v3): pair selection, fee tier, visual price range, token deposits, position preview.
Position cards: in-range/out-of-range, liquidity, unclaimed fees, quick actions (increase/remove).
Allowance/approve guidance, minimum received, protection against insufficient gas.
In-app transaction history.
Full responsiveness and a unified visual system.

Stack