Protected Case Study

FX Trading Platform

This case study includes confidential enterprise trading workflows and is shared for hiring review only.

Password is on my resume.

← Go Back

Making a live FX pricing platform easier to trust.

InEngine supports professional FX trading and bank operations. My work focused on cleaning up dense workflows, strengthening state visibility, and creating reusable patterns without disrupting expert users.

Role Design Consultant
Platform Desktop Web App
Users FX Traders · Bank Admins
Focus Workflow + Design System
InEngine live trading workspace
Real-time trading workspace High-density layout designed for expert users
The challenge

Improve clarity without slowing traders down.

The product already supported complex trading and configuration workflows. The issue was not “too much information.” The issue was inconsistent hierarchy, unclear states, and repeated patterns behaving differently across modules.

01

Dense screens

Critical data competed with secondary actions.

02

Mixed patterns

Similar edit, save, and publish flows behaved differently.

03

Unclear states

Rules, access, and editable states needed stronger visual distinction.

Design principle

Density was preserved. Confusion was reduced.

For expert trading tools, minimalism can become a liability. The design direction focused on scanability, predictable actions, reusable states, and fewer surprises.

Preserve muscle memory Clarify hierarchy Expose system state Standardize repeated actions
InEngine main workspace
Main workspace Structured visual rhythm across tiles, tables, and controls
Light / Dark Themes

Monitor views designed for different trading environments.

The same dense table structure works across light dashboards and darker trading-floor setups.

Paid Given Monitor

Aggregated buy/sell pressure by price level, helping traders read liquidity clusters at a glance.

Light Dark
Paid Given Monitor light theme
Paid Given Monitor dark theme
Before / After framing

What changed in the product experience.

Before

Users had to relearn patterns

Actions like edit, save, review, and publish were not consistent across trading and admin modules.

After

Reusable interaction model

Similar workflows used consistent modal behavior, action placement, and state feedback.

Before

Rule states were easy to miss

Active, disabled, expanded, and locked states were not visually distinct enough.

After

State-first interface language

Rules and controls became easier to scan before taking action.

Key workflow

Order entry modal for fast trade execution.

The order entry modal keeps the trade action focused, with quantity, account, time-in-force, and final buy/sell actions visible in one compact task flow.

Order entry modal
Order entry modal
Rules engine

Make configuration states visible before mistakes happen.

The rules experience was reorganized around scannable groups, clear expansion states, and visible on/off behavior.

Rules collapsed
Collapsed
Rules expanded
Expanded
Admin workflows

Bank admin tasks needed stronger structure.

User creation, mapping, and checker workflows were simplified into repeatable steps so admins could understand dependencies faster.

User entry form
User entry
Map user search results
User mapping
Client stream mapping
Client stream mapping
Tile System

Trading tiles for different decision moments.

Each tile keeps the highest-value market signal visible first, then pushes secondary controls into a quieter supporting layer.

Market depth

Order Book Aggregated

Shows aggregated buy and sell liquidity by price level, helping traders read depth without jumping into another view.

  • Best bid/ask remain easy to scan
  • Depth supports faster price comparison
  • Built for dense trading workspaces
Order Book Aggregated trading tile
Market making

Market Maker

Designed for quote creation and market making, with bid/ask pricing, volume, spread context, and quick status visibility.

  • Bid and ask actions stay dominant
  • Live pricing remains visible while editing
  • Supports fast repeat decision-making
Market Maker trading tile
Market taking

Market Taker

Optimized for consuming available liquidity quickly, keeping execution-focused controls closer to the user’s decision path.

  • Action state is easier to recognize
  • Quote confidence stays visible
  • Layout supports quick trade review
Market Taker trading tile
Outcome

A clearer foundation for a complex product.

Formal analytics were limited, so I framed impact through operational improvements observed during product reviews, demos, and stakeholder walkthroughs.

Fewer inconsistent interaction patterns
Clearer rule and publishing states
Faster admin workflow comprehension
Reusable patterns for future modules
Help overlay
Guided help overlay Contextual support for dense workflows
Next Case Study

Real-Time Listings Negotiation

A placeholder preview for the next UX case study. Replace this image and link when the final page is ready.

View case study →