FinFolio — Financial Intelligence Platform

A professional-grade investment research platform built for the modern investor, where institutional-level insight meets consumer-grade simplicity.

Problem

For decades, the most powerful investment research tools like Bloomberg terminals, S&P Capital IQ, FactSet, were locked behind institutional paywalls and built for professional analysts who already knew exactly what to look for. Retail investors had to piece together fragmented information from a dozen sources: one app for charts, another for financials, a third for news, and still another for analyst ratings.

The few platforms that did serve retail users tended to either dumb down the data to the point of uselessness, or replicate the visual complexity of professional tools without making them actually navigable. The result was a class of investors who were simultaneously overwhelmed and underserved.

Solutions

FinFolio is a full-stack investment research platform that consolidates every stage of an investor's workflow, from passive market monitoring to deep due diligence, into a single, unified interface. Rather than forcing users to context-switch between tools, every layer of research lives within one design system, market overviews feed into stock discovery, stock pages lead into comparative analysis, and news surfaces alongside the financial data it affects.

The design philosophy centers on progressive disclosure: summary information is immediately accessible, while deeper data is available one layer beneath, never buried but never cluttering the primary view.

Goals

User Goals

• Stay informed without switching between tools.
• Benchmark personal positions against expert strategies.
• Screen for investment ideas using custom rules.
• Research individual stocks with institutional depth.
• Track a watchlist and assess portfolio health at a glance.

Product Goals

• Establish FinFolio as the single research workspace for serious retail investors.
• Reduce time-to-insight on any given stock.
• Create high retention via a personalized, evolving watchlist.
• Differentiate through Guru tracking and screener depth.
• Surface emerging signals before users need to ask.

Inspiration & competitive references

The design process began by studying a range of investment research, market intelligence, and portfolio management platforms, to understand how professional and retail investors consume financial data, analyze opportunities, and make investment decisions.

• TradingView: TradingView was one of the primary inspirations for the charting and market analysis experience. Its ability to combine powerful technical analysis tools, watchlists, market data, and multi-timeframe charting within a highly accessible interface influenced Finfolio's approach to data visualization and information density.
• Investing.com: Investing.com provided valuable references for market coverage, financial news integration, economic data presentation, and cross-asset monitoring. Its ability to aggregate large amounts of market information inspired the structure of Finfolio's research and market overview modules.
• Stockbit: Stockbit influenced the community-driven and retail-investor perspective of the platform. Features such as watchlists, stock monitoring, portfolio tracking, and simplified market analysis demonstrated how complex financial information can be presented in a way that remains approachable for individual investors.

Design direction

Rather than replicating a single platform, Finfolio combines the accessibility of retail investing tools with the depth of professional market intelligence systems. The goal was to create an experience that helps users move seamlessly between market discovery, investment research, portfolio monitoring, and decision-making within a single unified platform.

Key features

Watchlist with compare mode

The watchlist isn't just a list, it's a staging ground for comparison. Selecting multiple tickers brings them together side by side, so investors can weigh relative attractiveness in one place instead of juggling separate tabs.

Markets overview

A single-page read on global market conditions. The real decision here was structure: information is grouped to mirror how an analyst scans a morning briefing, macro context first, then sectors, then individual movers, so the page matches an existing mental model rather than inventing a new one.

Stock detail - Overview

The stock overview is the most complex surface in the product, and the challenge was to hold a large amount of information without it feeling like a data dump. Clear sectioning and consistent structure let everything coexist, so depth is available without overwhelming the first read.

Stock detail - Financials

The Financials view uses a Sankey flow diagram for the balance sheet, a visualization rarely seen in consumer financial products. Rather than a table of figures, it makes the relationship between assets, liabilities, and equity spatial and immediate, conveying a company's structural health at a glance before anyone digs into the underlying numbers.

Analysis - forecast & ratings

This view was built around accountability. Instead of a vague "Buy/Sell" label, it shows how forecasts compared to what actually happened and breaks ratings down to the individual analyst, so investors can judge a real track record rather than trust a summary.

Advanced charting

A professional-grade charting experience with the depth serious technical analysis needs. The key decision was context: the chart never sits in isolation, with watchlist and upcoming events kept in view so price action is always read against what's happening around it.

Research screeners

The screener was designed to serve beginners and power users at once. Ready-made screens lower the barrier to entry, while a full rule-builder gives experts complete control, and results update live as rules change, so the effect of each choice is immediate.

Gurus - institutional tracking

The Gurus feature tracks the publicly disclosed portfolios of notable institutional investors, turning dry quarterly 13-F filings into genuinely useful visual intelligence. It gives retail investors a real way to understand and follow smart money, rather than just a list of names.

Contextual news feed

Curated, attributed news with an inline reader, so relevant stories stay within the platform and next to the data they affect, rather than scattering the user across new tabs.

Design highlights

Tab-based progressive disclosure on stock detail

Rather than one massive scroll, stock information is split across semantic tabs (Overview, Financials, Analysis, Chart). Each tab speaks to a different investor mindset, fundamental, technical, or consensus-driven, without forcing all users through all data.

Sankey diagram for balance sheet

The choice to use a flow diagram over a table for the balance sheet is a deliberate departure from convention. Sankey charts communicate proportionality and structural relationships that numbers alone can't convey, a genuinely differentiated UX move in a data-heavy domain.

Persistent left navigation with icon + label

The nav uses icon-and-label pairs rather than icon-only, reflecting the reality that users are switching between distinct mental modes (research vs. news vs. portfolio). Label-only nav would require more clicks; icon-only requires memorization.

Inline comparison without leaving context

Comparison always happens in place: whether from the watchlist or a stock's peers, tickers can be weighed side by side without ever navigating away, preserving the investor's research position and reducing friction for something they do constantly.

Responsive System

Designing for multiple devices isn’t just about resizing screens, it’s about preserving clarity and usability in every context. This system is built with three core breakpoints, Desktop, Tablet, and Mobile, each carefully considered to adapt layout, spacing, and hierarchy based on how users interact with the interface.

Theming System

A flexible interface requires more than just color variations, it needs a system that can adapt without losing its structure. This design system introduces two distinct themes, each fully supporting Light and Dark modes. Instead of treating them as separate designs, all variations are powered by a unified semantic token system. This approach ensures that every component maintains its role and hierarchy, while seamlessly adapting its visual appearance across themes and modes, creating a consistent and scalable foundation for any product direction.

Reflection