Genesis FX Markets

UI/UX
DEVELOPMENT
Genesis FX Markets — project hero

Project overview

Genesis FX Markets was designed as the digital home of a next-generation forex and CFD broker. We created the marketing website and the client-facing trading dashboard as one visual system: a deep green-on-black palette, particle-built globes and candlesticks, and glass interface panels. The experience communicates raw spreads, global liquidity, and AI-assisted trading tools with the precision traders expect.

Date: August 31, 2026
Location: Saint Lucia

Design process

6 hours

Discovery

Information Architecture
User Persona
Research
30 hours

Strategy

Competitor Analysis
Hypothesis Building
Interaction Flow
40 hours

Solution

Prototype Animations
Interactive Wireframes
Moodboard & Visual Direction

Initial concepts

Early UI Concepts and Visual Explorations.

Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept
Genesis FX Markets — design concept

The challenge

The key challenge was making a dense financial product feel premium and approachable at the same time. Trading conditions, account types, platforms, AI tools, and legal disclosures all had to live on one site, while the dashboard needed to surface balances, equity, and performance at a glance. Atmospheric 3D visuals had to support that clarity rather than compete with it.

VIEW EXPERIENCE
Genesis FX Markets — project collage

The impact

The result is a cohesive brand and product experience that positions Genesis FX Markets as a modern, technology-led broker. The website and the trading dashboard share one visual language, so the journey from first visit to funded account feels continuous. Particle-driven visuals, restrained motion, and clear hierarchy give the brand a distinctive presence in a crowded, trust-sensitive market.

VIEW EXPERIENCE

Responsive

Genesis FX Markets — project showcase
Genesis FX Markets — project showcase
Genesis FX Markets — project showcase
Genesis FX Markets — project showcase
Genesis FX Markets — project showcase
Genesis FX Markets — project showcase

Tech

figma icon
gsap icon
three_js icon