UXUI
UXUI
UXUI
FinTech
FinTech
FinTech
TradingApp
TradingApp
TradingApp
ForexDesign
ForexDesign
ForexDesign
PPDE MS
Simple. Intuitive. Seamless trading
Background
Redesigning the Forex & CFD trading experience within the MT5 environment. Our focus was to simplify market analysis and streamline the order execution process. By integrating deposit/withdrawal functions and optimizing real-time data visualization, we enabled traders to monitor positions intuitively and execute high-speed trades with ease.
Redesigning the Forex & CFD trading experience within the MT5 environment. Our focus was to simplify market analysis and streamline the order execution process. By integrating deposit/withdrawal functions and optimizing real-time data visualization, we enabled traders to monitor positions intuitively and execute high-speed trades with ease.
Role
UXUI Designer
UXUI Designer
Team
1 Director, 1 UXUI Designer, 8 App Engineers
1 Director, 1 UXUI Designer, 8 App Engineers
Client
Phnom Penh Derivative Exchange Plc.
Phnom Penh Derivative Exchange Plc.
Design Strategies
Efficient Execution
Optimized information hierarchy with smart default parameters to shorten the user journey and accelerate order execution.
Seamless Fund Management
Unified core asset data into an intuitive dashboard, integrating deposit and withdrawal flows for a fluid capital experience.
Simplified Analysis
Combined lightweight trend views with professional technical indicators, enabling rapid market assessment at a glance.
Visual Data Clarity
Reduced visual fatigue through strategic layering and layout, guiding focus to improve reading efficiency and cognitive speed.
Efficient Execution
Optimized information hierarchy with smart default parameters to shorten the user journey and accelerate order execution.
Seamless Fund Management
Unified core asset data into an intuitive dashboard, integrating deposit and withdrawal flows for a fluid capital experience.
Simplified Analysis
Combined lightweight trend views with professional technical indicators, enabling rapid market assessment at a glance.
Visual Data Clarity
Reduced visual fatigue through strategic layering and layout, guiding focus to improve reading efficiency and cognitive speed.
Efficient Execution
Optimized information hierarchy with smart default parameters to shorten the user journey and accelerate order execution.
Simplified Analysis
Combined lightweight trend views with professional technical indicators, enabling rapid market assessment at a glance.
Seamless Fund Management
Unified core asset data into an intuitive dashboard, integrating deposit and withdrawal flows for a fluid capital experience.
Visual Data Clarity
Reduced visual fatigue through strategic layering and layout, guiding focus to improve reading efficiency and cognitive speed.
Efficient Execution
Optimized information hierarchy with smart default parameters to shorten the user journey and accelerate order execution.
Simplified Analysis
Combined lightweight trend views with professional technical indicators, enabling rapid market assessment at a glance.
Seamless Fund Management
Unified core asset data into an intuitive dashboard, integrating deposit and withdrawal flows for a fluid capital experience.
Visual Data Clarity
Reduced visual fatigue through strategic layering and layout, guiding focus to improve reading efficiency and cognitive speed.
Product Challenges
Balancing Transition Costs: Preserving "Muscle Memory"
MT5 is the global standard for traders, and any drastic UI changes could lead to costly operational errors. Our strategy was to retain 70% of the core logic to ensure a seamless transition for high-loyalty users. By optimizing the remaining 30% of the visual experience, we integrated PPDE’s brand identity while maintaining the essential trading habits users rely on.
MT5 is the global standard for traders, and any drastic UI changes could lead to costly operational errors. Our strategy was to retain 70% of the core logic to ensure a seamless transition for high-loyalty users. By optimizing the remaining 30% of the visual experience, we integrated PPDE’s brand identity while maintaining the essential trading habits users rely on.
MetaTrader 5 (MT5) UI
Reducing Cognitive Load: Optimizing Information Hierarchy
The original MT5 interface was overly cluttered with unclear information priority. I redefined the data hierarchy to filter out visual noise without disrupting the primary workflow. This optimization allows users to stay focused and relaxed during the fast-paced analysis and trading process.
The original MT5 interface was overly cluttered with unclear information priority. I redefined the data hierarchy to filter out visual noise without disrupting the primary workflow. This optimization allows users to stay focused and relaxed during the fast-paced analysis and trading process.
Visualizing Brand Trust: Reimagining the Trading Experience
To project a stable, professional, and international image, we utilized Deep Navy as the primary brand color. In color psychology, deep blue symbolizes stability and authority, effectively reducing trader anxiety. Combined with high-precision data visualization, we successfully built a sense of trust and efficiency synonymous with modern financial technology.
To project a stable, professional, and international image, we utilized Deep Navy as the primary brand color. In color psychology, deep blue symbolizes stability and authority, effectively reducing trader anxiety. Combined with high-precision data visualization, we successfully built a sense of trust and efficiency synonymous with modern financial technology.
Design Highlights
01
Habit vs. Brand: Building Trading Trust
Derivative trading is a high-pressure environment where every second counts. In my visual design, I focused on conveying a sense of security and stability, using a deep color palette and a minimalist layout to create a professional atmosphere. To reduce user anxiety, the interface preserves the familiar "Market Watch" layout from MT5. This ensures that users can browse real-time quotes without a learning curve, allowing them to focus on decision-making in a calm and reliable environment.
Derivative trading is a high-pressure environment where every second counts. In my visual design, I focused on conveying a sense of security and stability, using a deep color palette and a minimalist layout to create a professional atmosphere. To reduce user anxiety, the interface preserves the familiar "Market Watch" layout from MT5. This ensures that users can browse real-time quotes without a learning curve, allowing them to focus on decision-making in a calm and reliable environment.
02
24/7 Markets: One-Handed Optimization
Since derivative markets operate 24 hours a day, users often need to trade on the go, such as during a commute. To handle these situations, I focused on a "one-handed" interface design to reduce errors caused by unstable environments.
By using a modular layout, I organized information by importance and placed core trading actions within the "thumb zone." This visual hierarchy allows users to read data quickly and execute trades with high precision and speed, even when operating their device with just one hand.
Since derivative markets operate 24 hours a day, users often need to trade on the go, such as during a commute. To handle these situations, I focused on a "one-handed" interface design to reduce errors caused by unstable environments.
By using a modular layout, I organized information by importance and placed core trading actions within the "thumb zone." This visual hierarchy allows users to read data quickly and execute trades with high precision and speed, even when operating their device with just one hand.
03
Custom Charts: Turning Data into Intuition
In derivative trading, market trends can shift in an instant. To meet the high demands of data analysis, I designed a highly customizable chart system that allows users to switch between different data views and parameters based on their individual habits.
By prioritizing a clear visual hierarchy and a smooth zooming experience, I transformed complex candles and indicators into intuitive visual guides. This ensures that users can analyze the market calmly and make precise decisions through a fluid and professional viewing experience.
In derivative trading, market trends can shift in an instant. To meet the high demands of data analysis, I designed a highly customizable chart system that allows users to switch between different data views and parameters based on their individual habits.
By prioritizing a clear visual hierarchy and a smooth zooming experience, I transformed complex candles and indicators into intuitive visual guides. This ensures that users can analyze the market calmly and make precise decisions through a fluid and professional viewing experience.
04
Personalized Trading: Adapting to Habits
Within a rigorous trading framework, my goal was to integrate high-level customization—such as toggling color schemes for price changes, language settings, and personalized watchlists. By adapting to various user habits, these features reduce friction and improve overall workflow, ensuring a seamless and intuitive experience for every trader.
Successful Market Launch & Impact
The product is now successfully launched and operating steadily, providing users with a high-efficiency trading environment. This project was more than just a visual redesign—it was a successful "0 to 1" journey, taking a concept from design drafts to a real-world market application.
The product is now successfully launched and operating steadily, providing users with a high-efficiency trading environment. This project was more than just a visual redesign—it was a successful "0 to 1" journey, taking a concept from design drafts to a real-world market application.