Overhauling global navigation bar of a stock broker website.

How a data-led Information Architecture overhaul transformed a 119-link wall of chaos into an intent-driven, high-conversion navigation for 5paisa.

View Live Site
Project Duration
2 Months
Role
Lead UX Designer & Researcher
Tools
Figma, Figjam, Maze
Skills
IA, UX Strategy, Data-Led Design
Navigation redesign mockup
Background

Global navigation bar failure.

With rapid acquisition-driven growth, 5paisa emerged as having multiple overlapping products and services. Their website (5paisa.com) reflected that complexity. It suffered from complex navigation that forced users into multiple disparate flows. It consisted of a wall of links having 119+ entries and poor categorisation, 3–4 steps to reach core product, vague labels, segmented user journeys, outdated interaction and visual design.

During discovery, this global navigation turned out to be a major pain point for users. Users couldn't efficiently access intended content and ended up going through unnecessary flows. Confusing IA was the main cause of decision paralysis.

Engagement Gap
1/50th
Core assets vs. Login route
Legacy Links
119+
Entries under vague labels
Interaction Depth
4
Clicks to reach core product
Legacy navigation — Products dropdown
Legacy navigation — Stocks dropdown
Legacy navigation — Mutual Funds dropdown
Legacy navigation — IPO dropdown
Legacy navigation — Resources dropdown
Legacy Nav · Products
The Process

"How might we redesign 5paisa's navigation from a product dump into an intent-driven architecture where every user reaches their goal in two clicks or fewer?"

01
Secondary & Primary Research

Conducted research with product audit, user research and competition benchmarking.

02
Ideate & Structure

Applied Hick's Law to reduce choices at each level. Categorisation of assets was done with a new intent-based sitemap.

03
Design & Prototype

Created high-fidelity design for all 6 navigation tabs. Improved visual design by new iconography and micro-copy badges for each tab.

04
Handoff & Validate

Delivered annotated mockups with clearly defined interaction for engineering. Established KPIs to track post-launch CTR improvements.

Research and Insight
01 Product Audit
02 User Research
03 Competitive Benchmarking
04 Ideate & Structure
Product Audit

Deep-dived into analytics to identify metric crisis areas. Mapped 119+ legacy links to quantify the full scope of the architecture problem.

Taxonomy misalignment

Users consistently skipped "Technology" when looking for trading tools. The label didn't match their mental model of where a trading platform should live.

Category confusion

Clicking "Stocks" or "Mutual Funds" showed static market data, not a trading portal. The mismatch caused repeated pogo-sticking behaviour and eroded trust.

Labelling friction

"Resources" was non-descriptive and actively avoided. Trading tools were hiding behind the worst possible label and were invisible in plain sight.

Poor categorisation

Live market, Indices and top companies all were placed together under stocks which were the main cause of confusion for traders who need time-sensitive data without transactional clutter.

Intent collision

Long-term investors and active traders shared the same navigation path. No separation between "I want to invest" and "I want to trade" created a constant intent collision.

Depth overload

Reaching any core product required 3–4 clicks. Each nesting level added cognitive cost and that led users to give up or used search as a workaround rather than navigating.

Solution & IA Transformation

From chaos to clarity.

IA Transformation — Before vs. After
Before — Legacy System
119+
entries under vague, mislabelled categories
Wall of Links 4-Level Deep Nesting "Technology" Label "Resources" Tab Product-Centric 3–4 Clicks to Core
After — Intent-Driven System
~40
high-intent destinations, max 2 levels deep
6 Clear Top Tabs Max 2-Level Depth "Products" Tab "Markets" Hub Intent-Based Model Invest vs. Trade Split 66% Fewer Choices
Information Architecture After Redesign
INVEST TRADE PRODUCTS PRICING MARKETS LEARN PARTNER INVEST 13 items INVESTMENT PRODUCTS Stocks Mutual Funds IPOs ETF US Stocks NFO TOOLS Brokerage Calculator SIP Calculator Stock Screener Stock Comparison ELSS Calculator Compare Mutual Funds All Calculators TRADE 5 items TRADING PRODUCTS Futures & Options Commodities TOOLS Margin Calculator MTF Calculator Stock Screener All Calculators PRODUCTS 12 items 5PAISA PRODUCTS 5paisa Trading App Trader's Terminal AlgoSpace 5paisa EXE T+5 FnO 360 Xstream APIs Publisher Js MTF 5paisa MCP Scalper Terminal Trade on Charts PRICING Direct link ↗ MARKETS 20+ items MARKET MOVERS Market Today Volume Shockers 52 Week High Value Shockers 52 Week Low Only Buyers FII DII Only Sellers Top Gainers F&O Ban List Top Losers Active Contracts STOCKS Nifty 50 Large Cap Sensex Mid Cap MUTUAL FUNDS Categories AMCs Schemes LEARN Direct link ↗ PARTNER Direct link ↗ Product / Content Tool / Calculator ↗ Direct link — no dropdown ~40 high-intent destinations · down from 119+ · 66% fewer choices
Final Design
Invest Trade Products Markets
Tab 01 · Long-Term Wealth Creation
The "Invest" Tab
Dedicated to strategic, long-term investment products. A clean entry point to wealth-building instruments, completely free from active trading noise.
  • Stocks, Mutual Funds, IPOs, ETFs, and US Stocks.
  • Right column with contextual calculators (SIP, ELSS)
  • Completely separated from active trading to prevent cognitive collision
  • Stock comparison and Stock Screener tools surfaced prominently
Invest tab design
Tab 02 · Active Execution Trading
The "Trade" Tab
Dedicated for high-frequency, active instruments. A clean entry point separated from investment instruments so traders can explore without other noise.
  • Futures & Options and Commodity instruments
  • Contextual tools column containing Margin and MTF Calculators
  • Active execution pathway distinct from long-term Invest tab
  • Reduces cognitive collision between novice and expert flows
Trade tab design
Tab 03 · Products by 5paisa
The "Products" Tab
All platforms are now organized under a label users actually understand and recognise immediately.
  • Removed the ignored "Technology" category entirely
  • Trading App, Trader's Terminal, FnO360, Scalper Terminal and other offerings.
  • Colour-coded iconography with micro-copy badges for instant recognition
  • Taxonomy now aligned with real user language and mental models
Products tab design
Tab 04 · Live market exploration
The "Markets" Tab
Pulled 25+ live analytics and categorised in one place as a dedicated real-time market hub. And serving power users without cluttering casual investors.
  • 25+ live analytics and directory links categorised in one hub
  • Two-tier layout: left submenu populates data grids on the right
  • Market Today, Top Gainers/Losers instantly accessible
  • Time-sensitive data separated from static product folders
Markets tab design
Invest tab design Trade tab design Products tab design Markets tab design
Impact
300%+
Core Product Discoverability
66%
Reduction in Cognitive Load
4→2
Interaction Depth Flattened
↑
Platform Engagement Boost
Reflection

What this project taught me.

Anchoring decisions from user data gave the project authority that opinion-based feedback couldn't challenge. In a complex financial product, minimising choices is one of the ways to build user trust and accelerate conversion. Design's leverage is highest at the IA layer, not the visual layer. And what surprised me most is how much of the problem was labelling, not structure. Restructuring Technology into Products as a tab was the single highest-impact change in the entire redesign.