‍

‍Designing the System

‍

Rather than approaching the product as a collection of individual screens, I designed PSY as a modular system.

The goal was to ensure that:

‍

- High-density financial data remained readable

- Key actions were always visible and intuitive

- Each section of the platform felt connected through shared structure and visual logic

‍

The interface was built around a small number of core components: portfolio overview, trading views, asset management, and transaction history — each designed to work independently while reinforcing a unified product experience.

‍

‍

‍

‍Portfolio & Asset Management

‍

The portfolio view was designed as the central point of orientation.
Balances, asset values, and performance data are grouped through clear hierarchy, spacing, and contrast to allow users to understand their positions at a glance.

‍

Instead of overloading the interface with raw data, I focused on:

‍

- visual grouping of related information

- strong typographic hierarchy

- consistent layout logic across asset types

‍

This allowed complex information to remain legible without sacrificing depth.

‍

‍

‍

‍Trading & Swap Interfaces

‍

Trading and asset swapping were designed as focused, self-contained modules within the broader system.

‍

Each interaction was structured around:

‍

- clarity of state (what you have, what you’re converting, what changes)

- consistent spatial logic across actions

- minimal friction between decision and execution

‍

By treating each interaction as part of a wider product language rather than a standalone feature, the platform maintains continuity even across complex workflows.

‍

‍

‍‍

Brand Embedded in Product

‍

Rather than treating the interface as purely functional, the visual system was designed to communicate confidence, precision, and depth.

‍

Colour, glow, and contrast were used to:

‍

- signal hierarchy and focus

- differentiate states and actions

- reinforce trust in a financial environment

‍

The result is a product experience where brand is not applied on top of functionality, but integrated directly into the structure and interaction of the interface.

‍

‍

‍

Options Trading

‍

‍

‍Outcome

‍

The final system unified portfolio management, trading, and transactions within a single coherent product framework.
By balancing data density with visual clarity and system consistency, the platform delivers a product experience that is both powerful and legible — demonstrating how brand, interface, and structure can operate as one.

‍

‍

‍

‍What I learned from this design experience...

‍

‍