Vantos Markets

Vantos Markets is a global online trading platform offering a range of trading products, spreads, account types, educational resources, and customer support.

I led the website design from 0 to 1, shaping both the visual direction and user experience. My focus was on building a distinctive visual system and a scalable design system, while turning complex financial information into a clear, recognizable, and easy-to-navigate brand experience.

Visual direction exploration

I explored a more futuristic and immersive visual language for the trading platform.
A dark interface, vivid green and purple gradients, 3D forms, metallic assets, and soft glows create a professional yet energetic brand experience.

Clarity Through Interaction

Clear content structure, strong visual hierarchy, and purposeful interactions help users quickly understand the product, its value, and key services. Subtle motion and dynamic layouts add depth to the experience while keeping information easy to scan and navigate.

Institutional Infrastructure — interactive service cards
Vantos Markets spreads section

AI-Generated 3D Assets

AI tools were used to create a consistent set of 3D assets that extend the website’s visual language across different pages and content scenarios. By defining a unified direction for form, material, lighting, and composition, the generated assets maintain a cohesive style while remaining flexible enough to support different product stories and communication needs.

AI-generated 3D assets — 1
AI-generated 3D assets — 2
AI-generated 3D assets — 3

Icon system

A custom icon system was redesigned to better reflect the brand’s visual character, covering both content-guidance icons and functional interface icons. Consistent shapes, proportions, and stroke styles help improve readability while creating a more cohesive experience across the website.

Custom icon system — 1
Custom icon system — 2

Scalable Design System

I built a reusable design system to support a multi-page, content-rich website. The system covers:

  • Color, gradients, typography, and spacing
  • Buttons, tags, tables, and data components
  • Cards, content blocks, and layout rules
  • 3D assets and illustration guidelines

Standardized components keep products, spreads, account types, risk notices, and support content consistent across pages while making future expansion and collaboration more efficient.

Vantos Markets design system cover
Design system color palette
Design system components
Design system guidelines

Key Pages Outcomes

The final experience brings together a refined user journey, distinctive visual assets, and a scalable design system built to support future growth. Each core page was designed around clear business objectives, balancing usability, brand expression, and conversion needs to create a cohesive and adaptable digital experience.

Vantos Markets key pages outcomes