SAWA Swap

Serwis DeFi do swapów w sieci Linea

koncepcja:

Lekki interfejs dla sieci Linea (L2 Ethereum) z привычnym UX w stylu Uniswap: szybki swap tokenów i zarządzanie skoncentrowaną płynnością (wybór zakresu cenowego i fee tier) w jasnym, responsywnym motywie.

Zadanie:

Stworzyć zrozumiały i bezpieczny interfejs dla kluczowych scenariuszy DeFi: podłączenie portfela i wybór sieci Linea wymiana tokenów z podglądem transakcji, potwierdzeniem i oknami modalnymi statusu dodawanie/usuwanie płynności w пулach v3 z zakresami cen i poziomami prowizji przejrzyste obliczenia opłat/minimalnej kwoty otrzymania oraz podpowiedzi dotyczące allowance/approve wbudowana historia operacji

Branże

DeFi , Web3, DEX

usługi

Produktowa architektura UX i prototypowanie.
System designu: jasny motyw, typografia, responsywność.
UI design ekranów Swap, Liquidity, Position, History.
Integracja portfeli i routingu (SDK/API zgodne z Uniswap).
Podpowiedzi/statusy, obsługa błędów, lokalizacja.
Kodowanie i front-end (React/Tailwind/shadcn), a11y i wydajność.

Wykonano

Ekran Swap: formularz wprowadzania, automatyczne podstawianie salda/Max, podgląd wyceny, price impact, slippage, fee, koszt sieci, routing.
Confirm swap i okna modalne statusu (sign/approve/processing/success/error).
Token Select z wyszukiwaniem, listą sald i sieciami.
Add/Remove Liquidity (v3): wybór pary, fee tier, wizualny zakres cen, depozyty według tokenów, podgląd pozycji.
Karty pozycji: in-range/out-of-range, płynność, nieodebrane prowizje, szybkie akcje (increase/remove).
Podpowiedzi dotyczące allowance/approve, minimalna kwota do otrzymania, ochrona przed brakiem gazu.
Historia operacji wewnątrz aplikacji.
Pełna responsywność i spójny system wizualny.

Stack