Trading Platforms

App & Desktop

This project developed mobile and desktop platforms for CFD trading with a Product-Led Growth model, offering free core features and unlocking premium options as users engage.

Mobile App
On Google Play and the App Store, it offers essential trading tools on the go, with advanced features like webinars and trading signals available as users progress.

Desktop Platform
A browser-based platform with tiered access to advanced trading tools and analytics, designed for professional traders seeking deep market insights.

Years

2019-2021

Role

UX Lead, Product designer

Product

Native app

Native app & Desktop platforms

Design Process
The Challenges
My Role
Research
Design Approch
Design System
The Platforms
Native app
Desktop Platform

Design Process

Challenges

  • Use brand guidelines to maintain consistency across platforms.
  • Compete with leading trading platforms while offering unique features.
  • Cater to users from beginners to professional brokers with ease of use.
  • Offer VIP features like advanced signals and exclusive content without cluttering the user experience.

My Role – Lead product designer

I led the design for mobile and desktop trading platforms, managing a team of two designers. I focused on a user-centered experience aligned with business goals and collaborated with the product and R&D teams on requirements, discovery, and development. Customer insights guided continuous improvements through feedback from support and sales teams.

Research & Discovery

The research phase focused on understanding the competitive landscape and user needs to create a trading platform that would stand out and cater to different skill levels.

Competitive Analysis

By analyzing other Trading apps such as eToro, Plus500, and IG Markets, I identified strengths like social trading and simplicity for beginners, as well as weaknesses in customization for advanced users. This informed our approach to design a balanced platform that caters to both novice and expert traders.

User Personas

Four personas guided the design: Beginners need an easy-to-use interface and learning tools; Intermediate Users seek advanced features to build strategies; Advanced Users require fast execution and detailed analytics; and Brokers need professional tools to manage large trades. This framework ensured the platform meets specific needs across skill levels.

Design Approch

Balancing Simplicity and Functionality
The interface is designed to be intuitive for beginners yet powerful enough for advanced traders and brokers, preserving core functionality.

Customization for All Levels
Flexible customization lets users tailor the platform to their skill level, from novice to professional.

Competing with Leading Platforms
Inspired by competitor research, the design combines user-friendly elements with advanced tools, positioning it competitively with platforms like eToro and IG Markets.

Design System

Colors
Buttons
Icons
PopUps
Text Fields
Components

The Platforms

Native app Platform

The app enables seamless trading on the go with features like live trading, real-time signals, and market updates. It offers detailed financial analysis, intuitive charting tools, an economic calendar, and notifications for quick action. A tutorial section provides accessible educational content for both beginners and intermediate traders.

Trading signals

a live signals notifications service generated by alvexo’s analysis team, either to buy or sell assets in a specific point of price.
null

Live trading platform

Where the action really is, buying and selling assets with live data and graphs system.
null

Economic calender

Financial news desk with articles updated daily and economic calendar for all financial events.
null

Notifications & Alerts

an Inelegant notification system : trading signals, financial & economic events etc..
null

User management

Rich user interface included social login & profile, account type, secure identification & payments.

Tutorials & Academy

series of tutorial videos for the beginner and intermediate trader included weekly webinars and video academy.

Alvexo - app's promotion

Asset List

The asset list allows users to view and trade a range of assets, including stocks, currencies, and commodities, with real-time buy/sell prices, percentage changes, and a favorites option for easy tracking.

Design Strategy
Designed for clarity and easy navigation, the asset list balances information density with a clean layout. Prominent buy/sell buttons enable quick trades, while color-coded price changes offer instant visual cues.

Design Decisions
Simple Buy/Sell Buttons: Prominent for quick trading actions.
Color Coding: Green/red to indicate price changes.
Favorites Tab: Allows users to track selected assets.
Minimalistic Layout: Ensures essential data is accessible without clutter.

Asset Info

offers detailed insights into specific assets, including real-time market sentiments, daily highs and lows, and key financial metrics, helping traders make well-informed decisions.

Design Strategy
The layout is structured for clarity, presenting complex data in a digestible way. Sentiments and price trends are easy to read, balancing depth with accessibility for intermediate traders.

Design Decisions
Sentiment Bar: Shows buyer/seller ratio for quick decision-making.
Day High/Low Display: Distinct visual representation of price ranges.
Tabbed Navigation: Organizes metrics (Info, Statistics, News) for easy access.
Consistent Iconography: Icons enable faster scanning and understanding.

Trading Signals

Alerts users to buy/sell opportunities from Alvexo’s analysis team, providing clear entry/exit points and stop-loss/take-profit targets for informed trading decisions.

Design Strategy
The layout emphasizes actionable clarity, with each signal displaying essential details like validity and price levels for quick decision-making. Urgency and accessibility are prioritized, with direct trade buttons on the signals screen.

Design Decisions
Clear Signal Presentation: Bold display of key data like price targets.
Urgency Through Typography: Larger fonts for critical buy/sell actions.
Seamless Trade Execution: Direct trade buttons for swift responses.
Chart Integration: Live charts for validating signals instantly.

Open Trade

Allows users to set trade parameters like lot size, price levels, and stop-loss/take-profit orders, providing control over transaction details before execution.

Design Strategy
The layout minimizes friction in trade execution, with all fields logically arranged for easy access. The main action button is prominent to streamline the process.

Design Decisions
Prominent Action Buttons: Central, large buy/sell buttons for quick execution.
User-Friendly Input Fields: Sliders and fields simplify parameter setting.
Clear Price Breakdown: Straightforward display of margins and total trade value.
Minimal Distractions: Focused layout for setting up and executing trades efficiently.

Asset News

Provides up-to-date financial news and analysis, helping traders stay informed on market trends that may impact their strategies.

Design Strategy
The layout is optimized for readability, with clear typography and visuals to make long-form content accessible. News is presented in a digestible format with links to related assets for quick action.

Design Decisions
Large Headlines: Key news is prominent and easy to read.
Related Assets: Quick links to relevant trades from news items.
Visuals: Charts and images enhance trend comprehension.
Tabbed Layout: Easy navigation to additional asset details like signals and stats.

Desktop Trading Platform

Designed to accommodate a wide range of actions and services without requiring users to leave the screen. It features three primary menu areas:

Top Menu (1)
Displays balance status, a deposit button, and a user options popup menu in the right corner.

Side Menu (2)
Contains actions like positions and orders management, along with access to Alvexo’s content services such as financial news, trading signals, and webinars.

Middle Tab Menu (3)
Provides detailed information about the selected asset, including statistics, news feed, and forecasts.

Trading Signals

The trading signals section, located on the left, has two parts: asset information and detailed signal data, offering insights for buy/sell actions at specific price points.

Asset Information
Shows key metrics for the selected asset (e.g., Crude Oil), including entry, target (TP), and stop-loss (SL) prices, validity, and buy/sell recommendations.

Detailed Signal Data
Provides analysis with alternative scenarios, technical indicator insights (e.g., RSI, MACD), and key support/resistance levels.

Asset’s Info

The asset information page offers key stats, including price performance, trader sentiments, and daily buy/sell data, with sections for:

Instrument Info: Leverage, lot size, spreads, pip value, swap rates, and trading hours.

Trader’s Sentiments: Percentages of traders buying or selling.

Daily Low/High: Daily price range.

Price Performance: Performance metrics over various time frames.

Design Strategy
The design is user-centric, highlighting key data with clear hierarchy and data visualization to help traders interpret information quickly and effectively.

Set Alerts

Traders can set alerts for specific assets to get notified when an asset reaches a target price, enabling timely decisions without constant market monitoring.

Design Strategy
The alerts feature is designed for simplicity and efficiency, allowing users to quickly set alerts by selecting an asset, target price, and notification preferences, ensuring a clear, intuitive setup process.

More Product Designs