🧪 Concept design and development for Topstep

Ary Mega

Product Designer
Framer Developer
Framer Designer
Figma
Framer
Topstep

📜 Overview

Topstep, a proprietary trading firm, offers aspiring traders the opportunity to evaluate their skills through simulated accounts (Combines) before accessing funded accounts. However, the website lacked clarity in explaining the value proposition of Combines and the path to becoming a funded trader. This resulted in low conversion rates and a high volume of support tickets from confused users.
Topstep certification of being a live funded trader using real capital
Topstep certification of being a live funded trader using real capital
Official Topstep gear
Official Topstep gear

🧗‍♂️ The challenge

Constraints: The optimization needed to integrate with their existing account management system and trading platform.
User needs: Users needed a clear understanding of the Combine Evaluation process, its benefits, and pricing. They also needed easy access to relevant information and support resources to minimize confusion and the need to contact customer support.

Currently on topstep.com

Topstep's Home Page
Topstep's Home Page
I conducted an A/B test of the live site and thought the results was interesting.
Within the heatmap data, I noticed a lot of users were clicking on elements that weren't clickable, or needing to find more information. What was more interesting, is that the pricing table section had a lot of activity, that led to a high rate of rage clicks (where users would constantly click on an element, or section, that fails to do any sort of action, creating frustration).

💡 The solution

Approach: A user-centered approach focused on simplifying information architecture, improving the clarity of calls to action, and optimizing the user journey for purchasing Combines.
Key features:
Revamped Homepage: Redesigned the homepage to clearly communicate the value proposition of Topstep and the path to becoming a funded trader, with a strong emphasis on Combine Evaluations.
Interactive "Combine Finder": Developed an interactive tool to help users choose the right Combine based on their trading style, risk tolerance, and capital goals.
Simplified Pricing Page: Created a clear and concise pricing page with transparent explanations of Combine costs, account types, and potential payouts.
Comprehensive FAQ Section: Expanded the FAQ section to address common user questions and concerns about the evaluation process and funding opportunities.
Improved Support Access: Prominently displayed contact information and live chat support options throughout the website for users needing further assistance.
My proposed design solution for Topstep's Home Page
My proposed design solution for Topstep's Home Page

🔗 See the prototype here:

Next steps:

Integrate AI hedge fund capabilities.
Partner With Ary
View Services

More Projects by Ary