News that helps traders to make better trades

News that helps traders to make better trades

Role

End to end product design, visual design, usability

testing, research & analysis

End to end product design, visual design, usability

testing, research & analysis

Team

1 Product Designer, 1 Product manager, 1 Data Analyst, Community Researcher

1 Product Designer, 1 Product manager, 1 Data Analyst, Community Researcher

areas

areas

Finance, News, AI, LLM, Social Network

Finance, News, AI, LLM, Social Network

About the organization

Frontpage is a fintech startup which offers a platform for users to do virtual trading and to engage in an online community of traders. People use frontpage to simulate day trading and options trading to test their strategies in a risk free virtual environment. Community feature gives the user to share their trading strategies & ideas with others to spread their knowledge. The product philosophy has been "Come for the trading tools, and stay for the network", which essentially communicates platform's two key value drivers — trading tools and the community/network aspect.

Frontpage is a fintech startup which offers a platform for users to do virtual trading and to engage in an online community of traders. People use frontpage to simulate day trading and options trading to test their strategies in a risk free virtual environment. Community feature gives the user to share their trading strategies & ideas with others to spread their knowledge. The product philosophy has been "Come for the trading tools, and stay for the network", which essentially communicates platform's two key value drivers — trading tools and the community/network aspect.

Community Feed

Community Feed

Virtual Trading Screen

Virtual Trading Screen

The need of News as a feature

The need of News as a feature

Integrate Finance News into Virtual Trading: Introduce a finance news feature within the virtual trading flow to provide day traders with real-time market updates, enabling them to make informed decisions on their watchlisted stocks.

Enhance User Experience and Retention: Eliminate the need for users to switch to external platforms for news, creating a seamless and cohesive user flow that reduces app drop-offs and improves overall user satisfaction.

Increase Session Duration and Engagement: Capture the 30-60 minutes users typically spend accessing news externally by offering integrated news within the app, thereby extending session durations and boosting overall app usage.

Integrate Finance News into Virtual Trading: Introduce a finance news feature within the virtual trading flow to provide day traders with real-time market updates, enabling them to make informed decisions on their watchlisted stocks.

Enhance User Experience and Retention: Eliminate the need for users to switch to external platforms for news, creating a seamless and cohesive user flow that reduces app drop-offs and improves overall user satisfaction.

Increase Session Duration and Engagement: Capture the 30-60 minutes users typically spend accessing news externally by offering integrated news within the app, thereby extending session durations and boosting overall app usage.

Market research

Market research

We researched many top trading and news apps to know the features they are offering and find better opportunities to improve the user experience.

We researched many top trading and news apps to know the features they are offering and find better opportunities to improve the user experience.

Apps

Groww

Money Control

InShorts

Opportunities

Stock tags along with news.

Visually looks clean.

One Most trustable news source.

News images give context and looks interesting.

Swiping format is easy to consume and addictive.

Common news app amongst our users.

Problems

Visibility of news entry point is less.

News description is not present.

No specific section for watchlisted stocks news.

Stock tags are not present as its a non broking app.

UI looks cluttered.

Overall view option not available/ one heading at a time.

Inferences

Stock tags along with news.

News description is not present.

No specific section for watchlisted stocks news.

Stock tags along with news.

News description is not present.

No specific section for watchlisted stocks news.

Stock tags along with news.

News description is not present.

No specific section for watchlisted stocks news.

User research

User research

The product and community team conducted user interviews and surveys to understand their needs and behaviour. The user personas were mix of pro traders, beginner traders & investors. The questions focused on key topics such as the problems they face in reading stock news, their favourite app for getting news and what they consider an ideal news experience.

The product and community team conducted user interviews and surveys to understand their needs and behaviour. The user personas were mix of pro traders, beginner traders & investors. The questions focused on key topics such as the problems they face in reading stock news, their favourite app for getting news and what they consider an ideal news experience.

Defining user goals

Defining user goals

After doing user and market research to understand user needs, we jotted down key user goals-

After doing user and market research to understand user needs, we jotted down key user goals-

Need to grasp news quickly and easily to make trading decisions quickly

Need to know what others opinion on news to understand market mood

Need to have a engaging & enjoyable experience

Ideation

Ideation

After defining key user goals, we got back to whiteboard and ideated on some possible solutions & opportunities

After defining key user goals, we got back to whiteboard and ideated on some possible solutions & opportunities

"Adding stock tags to easily recognise stocks in news & changes that happened to them"

"Adding stock tags to easily recognise stocks in news & changes that happened to them"

"Let’s news categories make it more consumable and easy to scan"

"Let’s news categories make it more consumable and easy to scan"

"Let’s give option to save news for future reference"

"Let’s give option to save news for future reference"

"Let’s give an entry point at an important locations for good discoverability"

"Let’s give an entry point at an important locations for good discoverability"

"Let’s add the notification badge to nudge and excite user about fresh news"

"Let’s add the notification badge to nudge and excite user about fresh news"

"Lets go with swiping card interaction to make experience fun & easy to consume"

"Lets go with swiping card interaction to make experience fun & easy to consume"

"Option to like, comment and share to know opinions and increase engagement"

"Option to like, comment and share to know opinions and increase engagement"

"Let’s add AI generated news summary to grasp news quickly"

"Let’s add AI generated news summary to grasp news quickly"

Iteration 1

Iteration 1

With this info from from initial research, I went on to create some high fidelity wireframes to give a tangible shape to these initial ideas.

With this info from from initial research, I went on to create some high fidelity wireframes to give a tangible shape to these initial ideas.

Categorisation of news in list view

Glimpse of the news to direct user’s attention to hot news

Badges to inform users about fresh news

Comment field at near thumb zone

Header to inform about the new feature and to anchor the below contents

Image to give better context about the news & make the content interesting

Vote, comment, share to increase user engagement

AI generated news summary

Stock tags to know what stocks are discussed in the news and what are the daily changes

Iteration 2

Iteration 2

With this info from from initial research, I went on to create some high fidelity wireframes to give a tangible shape to these initial ideas.

With this info from from initial research, I went on to create some high fidelity wireframes to give a tangible shape to these initial ideas.

Sections in tabs to access them easily through swiping

Features are listed as an intro bottom sheet. They also reside in last tab to refer them later

Popping the trading bottom sheet to quickly act on news

Optimising numbers to reduce cognitive load

Shifting engagement actions in the near thumb zone

Bottom Sheet to view other’s comments

KPIs & Results

KPIs & Results

  1. Adoption Rate of the News Feature: About 25% total users interacts with the news section.

  2. Increased Average Session Duration: We saw an increase of 20% in user session duration per day.

  3. CTR of trades: We saw an 4% increase in total no. of trades performed.

  1. Adoption Rate of the News Feature: About 25% total users interacts with the news section.

  2. Increased Average Session Duration: We saw an increase of 20% in user session duration per day.

  3. CTR of trades: We saw an 4% increase in total no. of trades performed.

Learnings

Learnings

  1. In prototype 1 we presented news categories in list view. It was a straightforward implementation but it proved non-intuitive. The no. of users who were entering scroll state were significantly less than expected. By brainstorming, we realised we have to follow "Show, don't tell" principle. It means that users find the list view boring and cognitively heavy. By directly make them enter into scroll view works because it is visually more interesting(because of news thumbnails) and directly provides information that users actually wants to see.

  2. I learned the importance of featuring a news section to boost user engagement. Fresh, timely content like news or social media updates captivates users by offering novelty and triggering a dopamine rush.

  3. I understood how AI simplifies complex tasks and enhances efficiency. For example, content summarization, once resource-intensive, is now effortless with large language models (LLMs), showcasing AI's potential to drive innovation.


  1. In prototype 1 we presented news categories in list view. It was a straightforward implementation but it proved non-intuitive. The no. of users who were entering scroll state were significantly less than expected. By brainstorming, we realised we have to follow "Show, don't tell" principle. It means that users find the list view boring and cognitively heavy. By directly make them enter into scroll view works because it is visually more interesting(because of news thumbnails) and directly provides information that users actually wants to see.

  2. I discovered the significant impact of prominently featuring a news section in driving user engagement. People are naturally drawn to fresh and current content—whether it’s social media updates or news stories—as it provides a sense of novelty and triggers a dopamine rush. This insight underscores the importance of delivering timely, relevant updates to keep users actively engaged and returning for more.

  3. I deepened my understanding of how AI is transforming technology by streamlining complex processes and enabling smarter, more efficient solutions. For instance, tasks like content summarization, which previously required substantial development effort, can now be achieved effortlessly using large language models (LLMs). This shift highlights AI's immense potential to simplify workflows and accelerate innovation.


amber.agrawal23@gmail.com

amber.agrawal23@gmail.com