Arcade

Arcade is a decentralized P2P lending marketplace that allows NFT owners to unlock liquidity on their NFTs, while maintaining utility of their assets

Visit Site

Industry

Fintech

Headquarters

New York

Role

Product Designer

Company size

10-50

NFT Platform For Collaterized Loans

Problem: The v1 experience is fragmented and uncomfortable. Complicated funnel to convert users, no ease of transaction status, and a saturation of developer-jargon complicating the experience.

Vision: To enable collectors, creators, and liquidity providers the ability to do more with their NFTs.

Goal: Focus on executing the overall design strategy and compartmentalizing the visual UI that would bring us closer to launching V2.

Serving Both Audiences

The goal for V2 is target both less experienced NFT investors as well as seasoned crypto professionals that possess high-end NFT assets. Trying to cater to the needs of two audiences was notoriously hard to meet within the same product experience, striking the right balance was key to the success of the project when laying out the redesigned experience architecture.

One prime example of this lies within our offer dashboard. We created an “Under the hood” feature where advanced professionals can take a look at the smart contract details of their asset vault by maximizing the side-window. There’s already enough financial terms spewed to the user, might as well slide the relevant jargon “under the hood” to not overwhelm other audiences.

Defining The UI

Alongside the fully redesigned V2 app, we also started laying out the foundation for a dedicated design system. The design system consists of a library of highly flexible, customizable UI components that allow for much faster design and development cycles.

Everything has been standardized, ranging from the components to the typography, color palettes, and layout systems, bringing consistency and coherence to Arcade’s platform product.

Defining The UI

Everything has been standardized, ranging from the components to the typography, color palettes, and layout systems, bringing consistency and coherence to Arcade’s platform product.

Defining The UI

Everything has been standardized, ranging from the components to the typography, color palettes, and layout systems, bringing consistency and coherence to Arcade’s platform product.

Design System
At Arcade, the design system is built around components that feature a range of micro-interactions, like glowing blue gradients placed on crucial CTAs. The carefully curated color palettes play a crucial role, especially in financial products where precise execution of color schemes is vital for conveying financial actions.

Input Fields
Amount fields update with real-time calculations, while cryptocurrency types are paired with their logos for quick identification. These design choices ensure smooth, error-free transactions.

Twitter