Projects

Project Overview

CLPD is a fintech solution developed within the BASE LATAM ecosystem to address a critical pain point in the Chilean market: excessive government tracking and restriction of private financial transactions.

The core product is a digital token consistently valued at one Chilean peso (CLP) on the BASE blockchain. The design challenge was bridging the gap between complex Web3 mechanics and everyday citizens, providing a tool for financial freedom that feels as familiar and secure as a traditional banking application.

The Challenge

  • Cognitive Overload: Web3 applications typically alienate "ordinary citizens" with steep learning curves and technical jargon.
  • Aggressive Timeline: Designed and developed within a strict hackathon timeframe, requiring hyper-efficient workflows and immediate developer handoff.
  • Trust & Adoption: The interface needed to build immediate trust for handling fiat-to-crypto conversions while appealing to a Web3-native hackathon jury.

UX Strategy & Design Rationale

1. Progressive Disclosure & Cognitive Load Reduction

To make blockchain mechanics feel like standard fiat transactions, the user flow was heavily simplified. I implemented a strict "one primary action per screen" philosophy. By separating steps and eliminating unnecessary fields, the interface actively guides the user, removing the friction and anxiety typically associated with crypto deposits, withdrawals, and liquidity investments.

2. "Simple Maximalism" & Vintage UI

The visual identity leans into a "vintage UI" aesthetic. This strategic choice served dual purposes:

  • Familiarity & Trust: It grounds the application in established, highly recognizable interface patterns that feel stable and reliable to the everyday Chilean user.
  • Web3 Appeal: It taps into current Web3 design trends, ensuring the product stood out visually to the hackathon jury while remaining highly accessible.
CLPD design system and component library in Figma
CLPD design system and component library in Figma

Technical Handoff & Constraints

Brutal Simplicity for Rapid Development

Given the tight deadline, the UX methodology prioritized simplifying the flow at all costs—making it easy for the user to navigate and easy for the engineering team to build.

Component-Driven Handoff

I built the design system in Figma to mirror the exact screen flows. Components were structured to be modular and "drop-in" ready for the development team.

The UI was specifically aligned with a modern frontend stack to ensure seamless integration:

  • UI Foundation: Radix UI and Lucide Icons.
  • Styling: Tailwind CSS syntax and mental models mapped directly from Figma.
  • Web3 Integration Constraints: Design decisions actively accommodated technical constraints imposed by the uniswap-sdk, wagmi, and web3auth libraries.
CLPD interactive prototype demo showing user flow

Outcomes

The strategic balance of user-centric UX and efficient developer handoff led to CLPD winning both the Jury Category and the Prize Pool at the 2024 Based LatAm Hackathon.

Design Documentation