Yourfintech
Trading Platform
Trading Platform
  • Overview
  • Web Interface: UI/UX & Features
  • Mobile Interface: UI/UX & Features
  • Trading Basics
  • Trading Accounts
  • Core Calculations
  • Order Types
  • Interface
  • Charts
  • How To
  • FAQ
Powered by GitBook
On this page
  • Mobile PWA Version
  • Markets
  • Account Metrics
  • Open Positions
  • Pending Orders
  • Closed Positions
  • Trade
  • Position Management
  • Trade Form – Simple, Precise, Powerful
  • Wallet
  • Profile
  • Alerts & Notifications Overview
  • Home

Mobile Interface: UI/UX & Features

This is not just a trading app-it’s a full-fledged trading terminal packed into a sleek, lightning-fast mobile Progressive Web App.

PreviousWeb Interface: UI/UX & FeaturesNextTrading Basics

Last updated 2 months ago

What Makes It Awesome?

  • Real-time markets with clean visuals and swipeable interactions

  • Professional-grade charting (TradingView) with full drawing tools and position overlays

  • Flexible order management, including market, limit, and stop orders-all editable right from the chart

  • Advanced TP/SL control with visual feedback, PnL preview, and equity impact

  • Intuitive position management, filtering, and bulk actions

  • Full account and wallet control with seamless deposits, withdrawals, and trade history

  • Instant alerts & notifications to keep you ahead of the action

  • Polished dark mode UI, gesture support, and performance-tuned for smooth mobile experience

Mobile PWA Version

Your Trading Platform, Now Just a Tap Away

Access the full power of your trading platform directly from your home screen - no app store required. The Progressive Web App (PWA) version is optimized for mobile, giving you a smooth, app-like experience with all the core features: charting, trading, statistics, and more.

Why Add It to Your Home Screen?

  • Launch instantly like a native app

  • Full-screen mode

  • Offline-friendly: Some features work even without internet

  • Always up to date – no manual updates needed

  • Keeps you logged in

How to Add to Home Screen

Here’s how to install the app on your device in seconds:

On iOS (Safari)

  1. Tap the Share button in the Safari toolbar (bottom of screen)

  2. Scroll down and select Add to Home Screen

  3. Confirm the name (e.g. “Masters Trade”) and tap Add

You’ll now see the platform icon on your home screen. Tap it anytime to launch directly into fullscreen trading.

On Android (Chrome)

  1. Visit the trading platform in Chrome

  2. You’ll see a banner that says "Add to Home Screen" - tap it

    • If not, tap the 3-dot menu (top-right)

    • Select Add to Home Screen

  3. Confirm and tap Add

It’ll be added just like any other app, and opens independently of the browser.

Markets

The Markets tab on mobile gives you a clear, fast overview of all tradable instruments - optimized for one-handed use with smart swipe gestures and intuitive interactions.

Quick Navigation

  • Search Bar – Instantly find any asset by name or symbol.

  • Category Tabs – Filter by market type: Forex, Metals, Crypto, etc.

  • Favorites Tab – Keep your go-to instruments just a tap away.

Instrument Cards

Each card displays:

  • Symbol Name – Full name and ticker (e.g. EURUSD)

  • Symbol Icon – Visual representation of the base and quote (e.g. EUR + USD flag or asset icons)

  • Live Price – Current bid

  • Spread – Shown as points

  • 24H Change – % change in price

Swipe Actions

Short Swipe (Peek)

  • Reveals quick actions like Chart and Info without opening a new screen.

Long Swipe (Trigger)

  • Opens full views - jump into the Chart view or asset Info directly.

→ Great for scanning, comparing, and acting fast.

Contextual Shortcuts

Tap or swipe to:

  • View symbol Info

  • Open Chart

  • Access Trade screen (if supported)

Account Metrics

The Account Metrics Panel gives you a real-time overview of your financial status at a glance - right at the top of the Markets tab. It’s built for clarity, speed, and decision-making on the go.

What You See

Split into two blocks for easy reading:

Account Summary

  • Balance Your total funds excluding open trade PnL. → Updated after trades close or funds move.

  • Equity Your real-time account value. → Formula: Balance + Unrealized PnL

  • PnL The live profit/loss from open trades. → Color-coded: red = loss, green = profit

Margin Status

  • Margin Amount of capital locked for open positions.

  • Free Margin What’s available to open new trades or absorb losses. → Formula: Equity - Margin

  • Margin Level (%) The ratio of equity to margin - critical for managing risk. → Formula: (Equity / Margin) × 100 A high margin level = strong cushion. A low one can trigger margin calls.

Why It Matters

  • Stay aware of your exposure while browsing markets.

  • Act fast - metrics update in real time.

  • Manage risk smarter on mobile.

Positions on Mobile

Your Positions tab is the heart of your trade management on mobile - offering full visibility and control over every stage of your trades: Open, Pending, and Closed. Designed for touch interaction and ease of use on-the-go, each state is just a tap away.

Open Positions

This is where active trades live. You’ll see all open positions with essential stats like:

  • Symbol (with base & quote currency icons)

  • Asset class (e.g., Forex, Crypto)

  • Lot size

  • Live PnL (both value and %)

  • Open date & time

Actions & Interactions:

  • Swipe left to reveal quick actions like Edit and Chart View

  • Tap “Close” to exit the trade instantly

  • Expand the position to view more details: Open Price, SL/TP, Commission, Swap, Position ID

  • Edit TP/SL in a full-screen modal with advanced input options (Price, Points, PnL, Equity)

Pending Orders

All your Limit and Stop orders are shown under Pending.

  • Includes the order type, price, side, and time of placement

  • Expand to edit SL, TP, or open price

  • Cancel anytime with a single tap

->Use this tab to stay ahead of market triggers without manual monitoring.

Closed Positions

This is your performance archive, showcasing trade outcomes after they’re completed.

  • Displays PnL, % return, and execution time

  • Tap to expand for full trade breakdown:

    • Open & Close price

    • Entry/Exit times

    • Type, side, size

    • SL/TP details

    • Close reason (e.g. Take Profit, Manual, Stop Loss)

-> Use it for self-review or journaling - a fast snapshot of how your trades ended.

Interactions

  • Long Swipe = Full action tray (Edit, Chart, Close)

  • Short Swipe = Peek at details or quick close

  • Search Bar = Find specific trades by symbol or ID

  • Segmented Tabs = Open / Pending / Closed - for effortless navigation

Trade

Your full control center for trading, right at your fingertips.

TradingView-Powered Chart

  • Built-in TradingView with all your favorite tools - drawing lines, Fibs, indicators, etc.

  • Seamless zoom, scroll, and draw - just like desktop.

  • Toggle “Show Ask” to view both bid and ask prices for better spread awareness.

Position Management

  • All active positions are visually represented on the chart with SL/TP lines.

  • Tap directly on these markers to instantly edit Stop Loss / Take Profit levels.

  • No need to switch tabs or navigate - everything is handled on the chart itself.

  • Edit in points or price, with PnL and equity impact previewed in real time.

Eye Icon = Visibility Control

  • Tap the eye icon on any position bubble to show or hide it from the chart.

  • Great for staying focused - only keep what’s relevant on display.

  • Keep your trading environment clean, especially when managing multiple trades.

Trade Form – Simple, Precise, Powerful

The Trade Form gives you full control, right from the chart. Whether you’re placing market orders instantly or preparing a pending entry, it adapts to your trading style in seconds.

Flexible Modes:

  • Market: Execute instantly at current price.

  • Limit: Get in at your preferred price.

  • Stop: Catch breakouts with stop entries.

Just tap the dropdown, choose your order type, and you’re good to go.

Precision TP/SL Control:

  • Adjust Take Profit and Stop Loss easily via:

    • Direct price input

    • Points

    • PnL or even Equity values

  • Set your Stop Price for stop entries

  • Instant visual feedback on chart: drag-and-drop placement for draft lines

All updates reflect live on the chart in real-time, so you know exactly what you're locking in.

Lock Risk (Optional)

  • Stay within your risk boundaries.

  • Enable Lock Risk and the lot size auto-adjusts based on your defined SL or TP targets.

Smart Layout: Mini or Full

  • Compact mode: Quick tap, quick trade.

  • Expanded mode: See everything - TP/SL, PnL, Equity, Points, Prices - all editable in one smooth flow.

  • Adjust comfortably even on smaller screens.

It’s trading made intuitive - fully integrated with chart visuals, real-time updates, and just enough automation to keep you sharp.

Wallet

The Wallet section provides a centralized view of account-related actions and histories. It is designed for quick navigation, seamless fund management, and real-time tracking of all account-related activities.

Search & Filter Accounts

  • At the top of the wallet screen, users can search for specific accounts using keywords or partial IDs.

  • Filter tabs include:

    • Active

    • Disabled

    • Archived

  • This allows users to easily switch between multiple accounts and manage funds individually per account.

Account Info & Balance Overview

  • Shows Account ID in full format.

  • Displays the Account Balance in real time.

  • Account info is placed over a visually distinct gradient background for clear visibility.

  • The top selector (e.g., b03b6...8eda4) can be tapped to open the account switcher view.

Quick Action Buttons

  • Deposit: Initiates a fund top-up into the selected account.

  • Withdraw: Opens withdrawal request interface.

  • Transfer: Move funds between account

  • History: Leads to detailed logs of balance activity and funding operations.

  • Icons are round and easily tappable for mobile use.

Promo Bubble

  • Positioned just below the quick actions.

  • Currently displays a "Hot! Affiliate Program" teaser with animated emoji and text.

  • Helps promote new features or rewards systems.

  • May include dynamic messages over time.

Balance History

  • Shows the latest balance-impacting events from trades (profits/losses).

  • Each entry contains:

    • Timestamp

    • Action Type (e.g., "Trading")

    • Amount and direction (green for gains, red for losses)

  • A “see all” link expands to the full balance event list.

Deposit/Withdraw History

  • Separates funding history from trading history.

  • Displays:

    • Date & time

    • Type of action (e.g., Deposit)

    • Exact amount

  • A “see all” option is available to view more detailed logs of transactions over time.

Swipe Behavior & Scroll

  • The Wallet page allows for smooth vertical scrolling.

  • Swipe-down may refresh content in real implementations.

  • On smaller devices, each section (promo, history, account list) is stackable and easy to expand or collapse.

Profile

The Profile page acts as the control center for user identity, security, and trading preferences. It's designed for clean usability with simple navigation and grouped settings.

Personal Info Panel

Includes key identity and security management options:

  • Profile Access personal details such as name, email, phone number, etc. (depending on platform implementation).

  • Verification Handles user identity verification (e.g., KYC). Likely includes uploading ID documents, selfies, or checking verification status.

  • Security Manages critical security features such as:

    • Password change

    • 2FA (Two-Factor Authentication)

    • Login activity

  • Logout Instantly logs the user out of the app. Styled in red to emphasize action severity.

Preferences Panel

User-defined controls for trading behavior and UI experience:

  • One Click Trading

    • Toggle switch to enable/disable.

    • When enabled, trades are placed instantly without confirmation prompts - ideal for experienced users who need speed.

  • Time Zone Selector

    • Dropdown-style picker (currently showing UTC).

    • Determines how all timestamps (orders, charts, history) are displayed across the app.

Alerts & Notifications Overview

This section helps users stay informed and in control of their account activity and trading status. It’s divided into two main categories:

Header & Filter Controls

  • Back Button Top-left arrow to return to the previous screen.

  • Date Range Selector

    • Dropdown component showing selected range (e.g., 29.03.2024 - 29.04.2024)

    • Allows filtering alerts/notifications by date

    • Includes calendar pop-up on tap

Tab Navigation: Alerts vs Notifications

  • Alerts Tab showing time-sensitive or account-critical system messages like margin calls or trading events.

  • Notifications Tab for general updates like trade confirmations, PnL outcomes, or announcements.

Each tab has a subtle highlight when active.

Home

The Home screen provides a high-level overview of each account's performance and status. Users can easily switch between multiple accounts either by swiping the account card horizontally or using the Search Account dropdown at the top.

Account Card

Displays core account metrics:

  • Account ID: Shortened and full version

  • Balance

  • Equity

  • PnL (Profit and Loss)

  • Margin

  • Free Margin

  • Margin Level

These figures are shown for the currently selected account.

Deposit / Withdraw / History

Quick-access buttons:

  • Deposit – Opens deposit methods for the selected account.

  • Withdraw – Allows users to request or initiate a withdrawal.

  • History – Displays account-specific deposit, withdrawal, and trade history.

Realized PnL / Balance Metrics

Two main boxes:

  • Realized PnL (USD): Shows profit/loss over the selected time frame.

  • Balance (USD): Shows current account balance over time.

Both blocks offer Week/Month toggle options to switch time views.

Balance Curve

A line chart visualizing account Balance over time with selectable ranges:

  • Day

  • Week

  • Month

  • Year

Data updates as the account card changes.

Realized PnL Chart

Line chart showing Realized PnL fluctuations over time using a red/green line plot. Selectable views:

  • Day

  • Week

  • Month

  • Year

Useful for identifying trading performance trends.

Multiple Accounts

  • Users can swipe left/right on the Account Card to switch between different accounts.

  • Alternatively, tap the account dropdown on the top to search, filter, or switch between Active, Disabled, and Archived accounts.