OnlyTrade logoTRADING EXPERIENCE
UI UX CASE STUDY · V1.0
Original OnlyTrade trading dashboard in a real MacBook Pro photographic device frame
EUR / USDMarket perspective
One workspace.A clearer decision.

Clarity in
every trade.

A focused desktop experience for markets, orders and account context.

EXPLORE THE STORY ↓

A connected trading experience for the decision in front of you.
Focused on clarity, precision, and control.

UI UX DesignDesktop WebTrading WorkspaceVisual Identity
OnlyTrade logoTrade with
perspective.
FOCUS. PRECISION. CONTROL.
Original OnlyTrade trading dashboard in a real MacBook Pro photographic device frame
Original OnlyTrade sign-in screen in a photographic MacBook mockup
OnlyTrade logo

Trade with
clarity.

TRADER ACCESS
VISUAL IDENTITY CONCEPT

A brand application concept paired with the original account-access design.

Problem& Solution

A trading workspace brings together dense, fast-moving information. The design challenge is to help traders read the market, configure an order and stay aware of their account.

The challenge

Price action, instrument lists, execution controls and challenge rules all compete for attention. A useful terminal needs a stable hierarchy that keeps these decisions connected.

Make the market the centre

Give the chart the primary canvas. Keep the market list to the side and positions below, so analysis remains the anchor of the workspace.

Bring context to the action

Group volume, margin, costs and protective settings within the order panel. Keep challenge targets and loss limits visible in a dedicated account area.

Original OnlyTrade trading dashboard in a real MacBook Pro photographic device frame
OnlyTrade sign-in experience displayed on a photographic MacBook frame
From account access to market action.
One visual language.
A connected trading experience.

DesignWorkflow

The story follows the decisions behind the interface: establish the task, organise the information, define the visual language and connect the experience.

PHASE 01
Frame the task

Markets, orders and account context.

PHASE 02
Build the structure

A clear centre, side rail and position area.

PHASE 03
Shape the identity

Candlesticks, dark surfaces and decisive blue.

PHASE 04
Connect the screens

Familiar access and consistent controls.

PHASE 05
Review the journey

Validate discovery, orders and status comprehension.

OnlyTrade create-account design in a physical MacBook mockup
Original OnlyTrade trading dashboard in a real MacBook Pro photographic device frame

Trading decisions,
brought into focus.

UserPerspective

The supplied screens suggest two useful design scenarios: the active trader, who needs quick access to instruments and positions, and the challenge participant, who needs clear account context.

Lifestyle photograph used to illustrate a laptop-based work context

The active trader

DESIGN SCENARIO / ANALYSIS & ACTION

“Keep the instrument, the chart and my next action within the same view.”

Goals

  • Find a familiar market quickly.
  • Read price action without losing context.
  • Review sizing and costs before an order.
  • Track open and pending positions.

A second lens: challenge progress

For a challenge participant, targets and loss limits are part of the daily decision. Consistent cards pair status labels with values and progress, keeping account rules close to the trading activity.

Clarity.
Context.
Control.

Audience scenarios and the illustrative quote are design assumptions inferred from the supplied interface. The photograph illustrates a context of use and does not depict a research participant.

A familiar start.
A focused session.

Account access introduces the same calm hierarchy as the terminal: clear labels, a deliberate primary action and a consistent identity.

Original split-screen OnlyTrade sign-in design in a MacBook mockup
Original OnlyTrade create-account design in a MacBook mockup

One next step, at a time.

The source includes a connected recovery sequence: request a reset, check email, set a password and return to sign-in.

OnlyTrade accessFamiliar from the first screen.

Designed for the moment
when information becomes a decision.

Real lifestyle photograph of a person using a laptop beside a coffee
EVERYDAY CONTEXT

Space to think.
Tools to stay focused.

Original OnlyTrade prop challenge cards showing a profit target and daily loss state
Progress becomes useful when it is understood.

DesignSystem

A restrained foundation gives the data room to work. The original OnlyTrade identity, Inter typography and blue actions connect the account screens, terminal and supporting panels.

Original trading dashboard behind an illustrative alignment grid
A consistent structure.
Room for analysis and action.
Illustrative alignment overlay
Original OnlyTrade trading dashboard in a real MacBook Pro photographic device frame

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789   $ € % + −

Inter.
RegularMediumSemibold
#2563EBPRIMARY BLUE
#09090BBACKGROUND
#FAFAFAFOREGROUND
#18181BSURFACE
#16A34A / Positive#DC2626 / Negative

A mark built around the market.
The two candlesticks make the identity immediately recognisable within the trading environment.

Quiet foundations. Decisive blue.
Near-black surfaces support the information hierarchy. Blue gives actions and selection a consistent signal.

THE TRADING WORKSPACE

Your market. Your workspace.

Original OnlyTrade trading dashboard in a real MacBook Pro photographic device frame

The chart anchors the main canvas. Markets and order controls sit to the right, with positions below and challenge context beside the activity.

The details behind
the decision.

Instrument discovery, chart analysis and execution each have a clear place within the same visual language.

Original EURUSD candlestick chart with instrument header and drawing tools
Original market panel with favourites, market categories and expanded EURUSD controls
Find the instrument.Categories and an expanded market row keep discovery close to execution.
Original advanced order panel with volume, costs, margin, stop loss and take profit
Understand the order.Volume, costs and protective settings share one decision space.

UserFlow

A focused path links account access to the terminal. Inside the workspace, discovery, analysis and order configuration stay connected to positions and account status.

OnlyTrade experience flowCreate an account or sign in, with a password recovery branch, then enter the trading workspace. Select a market, analyse its chart, configure an order and monitor positions and challenge status. ACCOUNT ACCESSTRADING WORKSPACEORDER CONTEXT OnlyTrade Create account Sign in Password recovery Trade workspace Select instrument Analyse chart Configure order Positions & finance Challenge status Market / Pending MONITOR ACTIVITY & ACCOUNT CONTEXT

Precision, where
it matters.

A real device. The original interface. A trading workspace designed to keep the important information within reach.

Real photograph of hands holding a MacBook
Original OnlyTrade dashboard placed within the photographed MacBook display
Clarity in every trade.OnlyTrade / Desktop experience
Markets. Positions. Perspective.

Analysis has a home.The central chart, instrument header and compact tools create a stable place to read price action.

Action has context.Required margin, free funds, spread and commission appear alongside order sizing and protective controls.

DesignInsights

Three observations connect the individual screens into a coherent design direction. Each follows a visible choice in the supplied interface.

01

Hierarchy gives attention a home.

A dominant chart, a dedicated market rail and a position area below establish a recognisable structure for the session.

02

Context belongs beside control.

Order sizing, cost information, margin and protective settings are most useful when they share the same decision space.

One decision.
Full context.
03

Progress needs a clear signal.

Values, progress bars and explicit status labels work together to make different challenge rules easier to interpret.

Cropped original advanced-order interface as a supporting composition
The next step is validation.

Test market discovery, order configuration and challenge-status comprehension with representative traders. These are design observations, not measured research findings; no live product results were supplied.

Thank you
for scrolling.

A clearer workspace.
A sharper perspective.

VIEW THE ORIGINAL DESIGN ↗
OnlyTrade sign-in screen within a photographic laptop frame
Original OnlyTrade trading dashboard in a real MacBook Pro photographic device frame
ONLYTRADE / ORIGINAL FIGMA SCREEN
Full original OnlyTrade dashboard with chart, markets, positions and challenge cards