Alpha Panel - Control Center for MarketWolf App
#Fintech
#Trading
#WebApp
Timeline
1 Month
May 2025 - June 2025
My Role
End-To-End
Product Design
Team
Satyam Mishra
Product Designer
Chinmay Ghosalkar
Lead Product Designer
Context
MarketWolf is transforming the way people trade. Designed for both beginners and pros, the platform delivers smart insights, real-time strategies, and simplified trades that let you make confident decisions. No matter where you stand in your trading journey, MarketWolf gives you the tools to stay ahead of the market.
About MarketWolf
MarketWolf is transforming the way people trade. Designed for both beginners and pros, the platform delivers smart insights, real-time strategies, and simplified trades that let you make confident decisions. No matter where you stand in your trading journey, MarketWolf gives you the tools to stay ahead of the market.
About Trade Details
The Trade Details Portal is designed for Marketwolf’s support executives to view all details of a user’s trade in one place, divided into two sections: Trade History and Order History. Whenever a user raises a query, executives can quickly access this portal to understand the trade context and resolve issues faster and with greater accuracy.
Trade History – Highlights the outcome of trades, mainly showing the Profit & Loss (P&L) of each executed trade for quick performance tracking.
Order History – Displays complete details of every order placed, including executed, pending, or rejected ones, reflecting the full set of user instructions.
Problems Faced by Business and the Executives
Business Problems:
Because of the poor experience with the existing portal:
"Executives are unable to resolve trade-related queries efficiently."
"Customer satisfaction drops due to slow query resolution."
"The number of unresolved queries keeps multiplying every day, creating delays and backlogs."
"Executives often have to work extra hours to meet their daily targets."
Executive Problems:
Support executives face multiple challenges while handling user queries related to trades:
"No clear distinction between order history and trade history, leading to confusion and mistakes."
"The portal lacks essential user details, making it harder to connect queries with users."
"It takes 45–100 seconds or more to find multiple orders for a single trade, as executives need to scroll extensively."
"No direct link to the KYC portal, which slows down the user verification process."
Old Trade Details Portal
Below are video and screenshots of the old portal.
I Started with User Interviews
To identify real problems, I observed the support team’s workflow and spoke with executives individually to understand their pain points and gather feature suggestions for improving efficiency.
Below are some key insights gathered from these conversations that I found most useful.
"The app got a new update with better design and features. Now you can clearly see order history and trade history separately. We’d like to have the same clarity in the portal too."
Persis Patel
Head of Customer Support
“Compared to other portals, this one feels confusing. Since there’s no search option here, I just use the browser’s search by pressing 'CTRL + F' to find user details.
Pratik Kapse
Customer Support Executive
"I have to scroll a lot just to find one trade detail a user is asking about. It takes way too much time."
Akshay Gunjal
Customer Support Executive
"Sometimes when I expand a trade card to check details, the screen suddenly scrolls up. Then I have to scroll down all over again, it’s really annoying."
Anindita Ghosh
Senior Customer Support Executive
Before Dissecting Problems in Portal, I Reviewed Newly Designed MarketWolf App
I reviewed the updated MarketWolf app to understand how users view trade and order history, which helped me spot gaps between the app experience and the internal portal.
Happy Flow - Trade History
Happy Flow - Order History
"The My Trades menu in the MarketWolf app includes many more use cases and screens, but here I’ve highlighted only a few related to Order History and Trade History."
Dissecting Problems from Old Portal
After analysing the Marketwolf App and studying Trade & Order History, I reviewed the existing Trade Details Portal to identify issues that slowed down support executives and caused confusion during query handling.
UX Problem 01:
Trades are listed under Today’s, Yesterday’s, Open, Closed, and Rejected, but unlike the app, there’s no clear split between Order History and Trade History. Causing confusion & making it harder for executives to map data.
UX Problem 02:
Large card layouts waste space, showing fewer trades per screen and forcing excessive scrolling. A compact, structured layout would improve scannability and efficiency.
UX Problem 03:
Frequent traders generate long lists, forcing executives into excessive scrolling. Without grouping or filters, navigating large trade sets becomes slow and frustrating.
UX Problem 04:
Expanded trade details take up the entire screen, making it hard to compare or switch between trades. Instead of aiding review, the design overwhelms with one trade at a time.
Proposed Solutions & Features to Put in Portal
After consolidating my research, user interviews, and analysis of the existing portal, I was able to identify key opportunities for improvement and propose business-focused solutions along with a set of features to be included in the new Trade Details Portal.
Solution:
Simplified the overall portal architecture & executive journey, modeled closer to the mobile app experience. This was achieved by clearly separating Trade History and Order History, eliminating confusion.
Introduced core features to enhance flexibility, speed, and accuracy for both executives and the business.
Core Features Added:
Essential user info with a direct KYC button for quick verification.
Advanced filters for faster navigation.
Search aligned with backend systems for accurate results.
Custom date and date range filters to refine search results.
Grid-style layout for quicker scanning and reduced scrolling.
Then I Tried Lovable.AI for First Design Draft
Once I had defined the design solutions, I wanted to visualize how the portal might look before diving into user flows and wireframes. I used Lovable.AI, where I provided a well-structured prompt, and within five minutes I received my first design draft. Although it wasn’t perfect, it helped me quickly translate my imagination into a tangible starting point.
Created User Flow & Wireframes
With the design solutions in place, I moved on to structuring the experience through user flows & wireframes. This step helped me map how executives would navigate the portal, define key interactions, and ensure that the proposed features aligned with both usability and business goals.
Now Let's Dive into Final Design
There were no clarity between users order history and trade history, and there were no filters for executives to filter elements to check the trade details.
Developers HandsOff
There were no clarity between users order history and trade history, and there were no filters for executives to filter elements to check the trade details.
Testing
There were no clarity between users order history and trade history, and there were no filters for executives to filter elements to check the trade details.
Impacts
There were no clarity between users order history and trade history, and there were no filters for executives to filter elements to check the trade details.
Final Thoughts & Learnings
There were no clarity between users order history and trade history, and there were no filters for executives to filter elements to check the trade details.