Stock market app redesign · clickable prototype
Stock market app redesign
Behance ↗

Mobile app · Indian stock market

Investing, made simpler for everyone.

A redesign of the key modules of a stock market app: trading, holdings and learning. The aim was to cut information overload and help people make better decisions, whether they are new to investing or trade every day.

My role
Senior designer
Team
3 people
Project
July 2020 redesign of my 2017–18 app
Tools
2020 design: Figma, Miro
2026 interactive prototype: Claude
Scroll to see the thinking, or

01 · The problem

Just another stock app, built for experts

  • Too much information on every screen, with key details hidden under dropdowns.
  • Designed for experienced investors, so beginners felt lost.
  • No suggestions tailored to the person using it, and nothing that made it easy to replace.

Goal: make it friendly and intuitive, add smart insights and plain-language filters, and give people a simple score to judge a stock.

02 · Who it's for

Four kinds of investors, one app

Research grouped users into four types. Speed and insight mattered to all of them; the rest differed. On the right, sign-up asks which one you are and tailors the app to match.

New to investingNeeds trust, smart filters and a simple score.
OccasionalWants quick ideas and up-to-date prices.
Long termCares about filters and steady growth.
Day traderPrefers speed over every other feature.

03 · Key decision

One score instead of ten indicators

Problem
Beginners couldn't read technical indicators, and the important ones were buried.
Change
A Crest score from 0 to 100 sits next to the price, with a one-line reading and Buy and Sell right below.
Why
It gives an entry-level investor a quick, honest signal before they decide.

04 · Key decision

See the trade-off before you trade

Problem
People struggled to judge what a trade meant for them personally.
Change
Insights show the likely outcome of buying or selling, using what you already own, plus a plain SWOT summary.
Why
Hypothesis from research: markets are hard to grasp for beginners, so show consequences, not raw data.

05 · Key decision

An order form that hides what you don't need

Problem
The old order form showed every field at once.
Change
Common choices up front, advanced options behind one switch, and the total cost always above the button.
Why
Fewer mistakes, and nobody is surprised by what they pay.

06 · Key decision

Portfolios and watchlists, managed together

Problem
Portfolios and watchlists were separate modules, and stocks had to be managed one by one.
Change
Both live in Holdings. Tap and hold to select several stocks, then move, compare or remove them in one go.
Why
Both are lists of stocks, so they should behave the same way.

07 · Key decision

News you can read, or listen to

Problem
People dropped off long articles.
Change
Every story opens with a two-line summary, or a short voice version read aloud. Stocks in the story link straight to their pages.
Why
Staying informed shouldn't take ten minutes.

08 · Try it yourself

Walk through a flow

Pick a flow and follow the orange dot. Or tap around freely: everything in the phone works, and what you do carries across screens.

09 · Real data integration

Real prices, so the design meets reality

The prototype runs on real NSE closing prices.

Why

  • Mock data is always tidy. Real data shows whether the design holds up with long company names, big price swings and Indian number formats like ₹1,49,05,641.
  • Markets change. Since the 2020 case study, Tata Motors split into two companies and Agro Tech Foods became Sundrop Brands, and the prototype reflects that.
  • Reviewers can trust what they see: charts show real price history instead of made-up curves.

How it works

  1. NSE publishes the day's pricesOfficial end-of-day reports from the National Stock Exchange.
  2. An open-source project collects themThe eod2_data project on GitHub turns the reports into tidy files.
  3. A morning check looks for new pricesEvery day at 8:58 AM IST, an automated job runs and checks the numbers.
  4. This prototype updatesOnly when there's something new. If a check fails, the page keeps the last good prices.

Trade-offs

Daily, not live
Published pages can't call outside websites, and free live feeds are unofficial and break without warning. Official daily closing prices were the reliable choice.
Practice trades
Real orders need a SEBI-registered broker and real KYC, so buying and selling stay in practice mode on purpose.
Known gaps
Index levels and BSE-only stocks aren't in this data, so they're clearly labelled as sample.
RealPrices, daily change, price history and key stats
PracticeBuying and selling, with a pretend ₹1,00,000 wallet. Nothing reaches an exchange.
SampleCrest score, insights, forecast, index levels, shareholding, balance sheet