Back to portfolio

Case Study

Gala Swap / Gala Connect

Visit site

Frontend work across three Gala platforms. Gala Swap: production DEX with real-time swap and liquidity UIs, headless wallet abstraction layer, and cross-chain network switching. Gala Music and Gala Connect: Music NFT marketplace and platform hub with Server Components and shared auth layer.

3Platforms
40%Load cut
<1sUI feedback
ReactNext.jsTypeScriptEthers.jsWagmiWebSocketsDeFi

The Problem

Web3 UX is notoriously hostile. Multi-step transactions, opaque error states, fragmented wallet support across MetaMask, WalletConnect, Coinbase Wallet, and Phantom, and slow load times erode user trust before a single swap completes. Gala needed a unified frontend capable of handling DeFi swaps, an NFT music marketplace, and a platform hub without sacrificing performance or reliability.

How I Approached It

  1. 1

    Wallet abstraction layer

    Audited wallet integration inconsistencies across four providers. Designed a headless wallet abstraction to normalize behavior, error handling, and network switching so UI components had a single interface regardless of which wallet the user connected.

  2. 2

    Modular platform architecture

    Structured Gala Swap (React), Gala Music, and Gala Connect (Next.js) as independently deployable apps sharing a common auth state and wallet context layer, so teams could ship to each platform without cross-platform risk.

  3. 3

    Server Components migration

    Migrated Gala Music and Gala Connect to Next.js with Server Components, shipping meaningful HTML on the first byte and cutting the client JS payload that was inflating load times.

  4. 4

    Real-time feedback loops

    Built WebSocket-driven price feeds and swap UIs with optimistic UI updates and sub-second transaction status feedback, so users always knew the state of their transaction without polling or guessing.

  5. 5

    Accessibility audit

    Conducted a full WCAG 2.1 AA audit across all three platforms and remediated contrast, keyboard navigation, focus management, and screen reader issues.

Outcome

40% reduction in initial load time measured against Core Web Vitals
Sub-second transaction feedback across swap, stake, and liquidity flows
4 wallet providers unified behind a single abstraction layer
WCAG 2.1 AA compliance achieved across all three platforms
Independent deploys per platform with shared auth and wallet state and zero cross-platform regression
Back to portfolioVisit Gala Swap / Gala Connect