Symbol Details
INTRODUCTION
Symbol Details is where traders analyse stocks on FYERS web and mobile before making trading decisions. I led the end-to-end redesign to simplify complex market data, improve discoverability, and help traders find relevant insights faster without compromising analytical depth.
ROLE
01 — The problem I solved
Making complex market information easier to navigate
Symbol Details presented traders with dense market data across multiple sections, making it harder to find relevant insights, compare performance, and navigate efficiently. The challenge was to improve information hierarchy and accessibility while preserving the depth active traders rely on.
02 — The impact it made
The redesign focused on reducing the effort required to navigate market information and complete key tasks. By improving the experience across web and mobile, the work contributed to stronger engagement and a more efficient user journey.
— 40% increase in weekly active users within three months.
— 35% reduction in average task completion time.
— 4/5 user satisfaction score.
03 — Where, what and why
Who — Traders
From users checking a stock's current price to active traders analysing market behaviour, Symbol Details needs to support different levels of analytical depth without making the experience difficult to navigate.
What — Market analysis
The experience brings together price action, market depth, technical indicators, fundamentals, and market statistics. The challenge was to make these different information types easier to understand and use together.
Where — Web and mobile
The redesign covered both FYERS web and mobile. The experience needed to make information discoverable and usable across both platforms while supporting traders' different ways of exploring a symbol.
Why — Reduce the effort of analysis
Traders should be able to locate relevant information, compare performance across timeframes, and move through the analysis experience without unnecessary navigation or cognitive effort.
04 — Research and discovery
I began by examining the existing product experience, reviewing available user feedback, and analysing product analytics to understand where the experience created friction.
— Unclear information hierarchy
The density of market information made it harder to distinguish key information from supporting details.
— Related insights were difficult to navigate
Information relevant to a single trading decision was spread across different sections, adding effort to the process of exploring a symbol.
— Comparing timeframes required effort
Understanding performance across different time periods was not as straightforward as it needed to be.
— Fundamentals and statistics needed better discoverability
Important company information and market statistics needed to be easier to locate within an already information-heavy experience..
05 — Core product decisions
The design process focused on addressing the underlying navigation and comprehension challenges rather than simply rearranging the interface.
— Establishing a clearer information hierarchy
The priority was to make important information easier to identify within the dense Symbol Details experience, helping traders distinguish key insights from supporting data.
— Improving the relationship between information
The experience needed to make related market insights easier to discover and navigate together, reducing the effort involved in moving between different information categories.
— Making performance comparison easier
Comparing different timeframes was an important part of understanding a symbol's performance. This informed the need for a more straightforward comparison experience.
— Improving access to deeper analysis
Fundamentals and market statistics needed to remain accessible without competing unnecessarily with the information traders use for quicker checks.
— Maintaining consistency across web and mobile
The redesign needed to support the different ways traders use each platform while maintaining a coherent experience across both.
These decisions balanced two competing needs: making the experience easier to scan and navigate while preserving the depth and flexibility required for informed trading decisions.
06 — Final solution
The redesigned Symbol Details experience brought a more considered approach to navigating market information across FYERS web and mobile.
The result was an experience designed to support both quick market checks and deeper analysis, without compromising the information density active traders need.
The project reinforced an important design principle: in data-heavy financial products, simplifying the experience is not about showing less information. It is about helping users understand where to look, what matters, and how to move forward with confidence.
On mobile, the experience was restructured to fit smaller screens while preserving the same mental model.
On mobile, Symbol Details was optimised for smaller screens with a clear content hierarchy. Key market insights, charts, and price stats were organised for easy scanning, while persistent bottom navigation provided quick access to Watchlist, Charts, Option Chain, and Alerts, alongside prominent Buy and Sell actions.
