Gokul's Portfolio

Homepage revamp

Role

Leading Design

Functions Involved

Design, Tech, Product, Analytics

Background

The CapMint home page is the first screen every trader lands on - it carries market data, portfolio tools, and the entry points into referrals, wallet, and search. Despite that weight, customer feedback consistently described it as visually flat, hard to read, and difficult to scan, while several of CapMint's highest-revenue tools sat underused, buried in weak visual hierarchy. This case study covers the redesign end to end: how customer feedback was turned into a prioritized problem list, the decisions made to address it, and the results after launch.

Problems

BUSINESS PROBLEMS

High-revenue tools were underused, buried by weak visual hierarchy
Wallet balance and the add-money flow had low visibility, adding friction right before a trade
Refer-and-earn was easy to miss, leaving a low-cost growth channel underleveraged
Search was hard to find, holding back product and tool discovery
The layout couldn't scale - every new product tab would strain a structure not built for growth

USER PROBLEMS

Page looked boring and unengaging
Text was hard to read
Color palette felt old and pale, without enough contrast

How problems were identified

Surfaced through recurring customer feedback across email, the in-app feedback form, and customer
service calls
Feedback was bucketed against each home page data point and entry point it related to, turning scattered
comments into a structured view of exactly where the page was failing
That bucketing surfaced the scale of the issue: 8% of the feedback specifically
flagged home page UI problems - colors and font sizes chief among them
That volume, tied repeatedly to high-value entry points rather than pure aesthetics, is what moved
this from backlog to an active priority
Tracked data around specific features and entry points that weren't performing: referral, add money,
search, and the visibility of key tools

Surfaced through recurring customer feedback across email, the in-app feedback form, and customer
service calls
Feedback was bucketed against each home page data point and entry point it related to, turning scattered
comments into a structured view of exactly where the page was failing
That bucketing surfaced the scale of the issue: 8% of the feedback specifically
flagged home page UI problems - colors and font sizes chief among them
That volume, tied repeatedly to high-value entry points rather than pure aesthetics, is what moved
this from backlog to an active priority
Tracked data around specific features and entry points that weren't performing: referral, add money,
search, and the visibility of key tools

Surfaced through recurring customer feedback across email, the in-app feedback form, and customer
service calls
Feedback was bucketed against each home page data point and entry point it related to, turning scattered
comments into a structured view of exactly where the page was failing
That bucketing surfaced the scale of the issue: 8% of the feedback specifically
flagged home page UI problems - colors and font sizes chief among them
That volume, tied repeatedly to high-value entry points rather than pure aesthetics, is what moved
this from backlog to an active priority
Tracked data around specific features and entry points that weren't performing: referral, add money,
search, and the visibility of key tools

Success metrics

Engagement Frequency

CTR on individual tools

Reduction in support queries

Add money entry point CTR

Mapping pain points to the existing design

Before jumping to solutions, each pain point was traced back to the specific part of the existing home page it lived in:

Iterations

Different ideations were made to see what will be the right approach

Feedback

Iteration 1

Tabs live inside the header - fastest access to switch instruments

Ticker sits on the mustard background - contrast risk

No "Tools" label - cards blend into the feed above

Warm tone reads retail-friendly, less "pro terminal"

Iteration 2

Tabs sit below Positions/Holdings - portfolio-first, not category-first

"Tools" explicitly labeled - clean section separation

Better ticker visibility compared to the previous apprach

Calmest tone - most legible but least "engaging"

Iteration 3

Selected Direction

Live NIFTY50 chart now sits right below the header, with Price/OI/Change in OI/ATM Straddle tabs
- the clearest fix yet for "page felt boring"

Buy/Sell CTAs attached directly to the chart - shortest path from watching the market to acting on it

Refer and earn "50% Brokerage" is highlighted

Wallet balance shown along with wallet icon for more prominence

Iteration 3 solved the most problems - tying market movement directly to a trade decision while keeping tools prominent - and was carried forward as the direction to build on. It still needed further work: promo placement, funds visibility, and overall page density.

Final solution

With the learnings from feedback, we went ahead and refined the iteration 3 and arrived into a final solution.

Pain points covered

A more prominent header

Search, referral, and add-money became first-class entry points; rebuilt to scale as more tabs get added over time.

Market-movement charts

An at-a-glance indicator that makes the page worth returning to, tying directly into the tools that let a user act on that movement quickly.

A scalable tools section

Holds CapMint's high-revenue tools without the layout breaking as more are added.

A more optimised ticker and portfolio widget

Reworked to use screen space more efficiently

A scalable bottom nav

Built with the same headroom-for-growth principle as the header.

Early Impact

Home page UI feedback

Reduced to 2% from 8%

Referral CTR

Increased by 12%

Search bar usage

Increased to 15% from 8%

Back

Homepage revamp

Background

Problems

BUSINESS PROBLEMS

USER PROBLEMS