<aside> 👷🏽♂️
Case Study on the main portfolio site is being built.
</aside>
TIMEFRAME
August 2024 - Present
SKILLS
UI/UX Design
Motion Design
TEAM
Iñigo Zepeda (UX)
Johnathan Tolentino (UX)
Jia Jian Goi (Project Manager)
At Puffer Labs, I work as a UX Designer on the company's different products, including the main web app, the Design System, the Institutional portal, and the Node Operators portal. I've also contributed Motion Graphics work when needed, though it's not my primary focus.
As a fast-paced startup with only two UX Designers, we work in an agile environment while maintaining a user-centric approach. Our designs are continuously updated based on stakeholder decisions and validated through user testing to gather feedback. I'll be walking through the designs we've shipped across different products.
Puffer Finance is a blockchain protocol that helps users reinvest their cryptocurrencies, similar to a savings account, but on blockchain. While many concepts here may be unfamiliar, I'll explain the design features and app functionality in an accessible way.
Contains the fundamental building blocks of the design system. These are universal, reusable primitive tokens that every other element in the system is built on. The Foundations establish the design system across all Puffer products.
Sections include: Puffer Brand, Colors, Cryptocurrency Icons, Icons, Illustrations, Spacing, and Typography.
Color
Spacing
Typography
Icons
The platform where users select currencies to invest with and start earning rewards. It also offers more yield-generating opportunities through DeFi (Decentralized Finance) and Vaults. Users can manage their portfolio and bridge assets across networks. The latest addition is the Governance section, which allows users to participate in Puffer decisions through voting.