Designing Scalable, High-Performance Features for a Trading Platform
To enhance the cTrader platform, I collaborated with product owners and developers to refine UI components, optimize navigation, and ensure pixel-perfect designs. By iterating on features and creating interactive prototypes, I improved usability while maintaining consistency across the web and mobile platforms.
Ottawa, Ontario, Canada
2006
E-commerce
$1.578 billion (2019)
5,000+
Challenge
Spotware’s cTrader platform is a high-performance trading solution used by brokers and traders globally. As a white-label product, it needed to be both visually consistent and easily customizable for different clients.
My role was to refine, enhance, and design new features while ensuring pixel-perfect precision across web and mobile. This meant focusing on interaction patterns, UI scalability, and efficiency, while maintaining a seamless user experience.
Key Objectives:
Ensure consistency across cTrader’s multi-product ecosystem.
Enhance UI components while maintaining pixel-perfect accuracy.
Optimize for scalability to support white-label customization.
Improve usability through structured interaction patterns.
Results
The redesigned app features a clean, clutter-free interface, making it easier for users to navigate and access essential features.
The improved onboarding process resulted in a 35% increase in new user adoption rates.
The addition of personalization and customization options enhanced user engagement, leading to a 25% increase in user retention rates.
35%
Improved onboarding process
25%
Increase in user retention
84%
Increase in time spent on website
Process
Research & Analysis: We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights
Information Architecture: Based on the research findings, we restructured the app's navigation and content, prioritizing features and information according to user needs.
Wireframing & Prototyping: We designed low-fidelity wireframes to visualize the new layout and navigation, iteratively refining them based on user feedback. Afterward, we built a high-fidelity, interactive prototype to test the design.
Usability Testing: We conducted usability tests with a diverse group of users to validate the design and identify areas for improvement. Based on the feedback, we made necessary adjustments to the design.
Visual Design & Style Guide: We developed a cohesive visual language, including color schemes, typography, and iconography, ensuring consistency throughout the app. We also created a style guide to maintain design consistency in future updates.
“ With our new visual branding and language in place, the new Shopify brand clearly captures the essence of our current and target customer base, our employees, and our values. ”
Tobias Lütke
CEO, Co-founder | Shopify
Conclusion
The StreamLine mobile banking app redesign successfully addressed the usability issues, resulting in a more intuitive and user-friendly experience. The improved UX/UI design led to increased user adoption, engagement, and satisfaction, demonstrating the value of a well-designed template for UX designers.
Get Athos Pro