Kyle Williams

Undoxxed

Making advanced DeFi strategies usable

Designed and built a premium, multi-chain strategy platform that turns complex DeFi automation into clear, confident user actions.

React
Next.js
Web3.js
GraphQL
Axios
Recharts
SCSS
Framer
Figma
TypeScript
Making advanced DeFi strategies usable featured image

Overview

Undoxxed is a DeFi strategy platform built for users who want sophisticated on-chain strategies without wrestling with complexity. The goal was to deliver a product that felt premium, intentional, and easy to use, while supporting leverage, cross-margin mechanics, and multi-chain execution. I was responsible for the full front-end build and aligning design with implementation.

Challenge

  • DeFi strategies were inherently complex, but the UI needed to feel simple.
  • Execution flows had to remain intuitive despite leverage and cross-margin mechanics.
  • The platform needed to feel premium and trustworthy for high-value users.

Solution

  • Designed and built the entire front-end from scratch with clarity as the priority.
  • Implemented wallet connection and network detection for smooth onboarding.
  • Translated complex strategy mechanics into clear, step-by-step flows.
  • Worked closely with the UI/UX designer to ensure tight design-to-code alignment.
  • Used GraphQL and Axios for efficient, predictable data fetching.
  • Added subtle motion and transitions with Framer to reinforce confidence and quality.
Making advanced DeFi strategies usable screenshot 2

Results

  • Delivered a polished, launch-ready interface with a premium feel.
  • Reduced friction around strategy execution for non-technical users.
  • Positioned the product as a serious, high-end DeFi platform.
  • Built a scalable UI foundation ready for future strategy expansion.
  • Maintained fast, responsive performance across complex data views.

Web design and development in Hong Kong.

Message me today to get started.

WhatsApp me
Making advanced DeFi strategies usable | Case Study | Kyle Williams