Skip to case study
All portfolio workApp concept · Retail investingOpen experience
Independent concept projectRetail investingReference measured · review required

FolioSprout

An educational investment simulation covering goals, risk, portfolio, assets, watchlists, trades, recurring contributions, performance, and activity.

Launch interactive experience Browse all 20 screens
Project type
Independent concept
Format
Browser-based app
Experience scope
20 connected screens
Industry
Retail investing
Fidelity status
Reference measured · review required
01 · Design rationale

A product direction built around a complete journey.

An educational investment simulation covering goals, risk, portfolio, assets, watchlists, trades, recurring contributions, performance, and activity. The case study exposes the project’s structure and delivery boundaries so visitors can assess the visual system, route coverage, and intended interactions without mistaking a concept for commissioned client work.

  1. 01

    Beginner investing and goals simulation

    The route architecture is organised around beginner investing and goals simulation, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Crisp spruce-and-cream financial editorial with coral highlights, simple charts, growth metaphors, and accessible risk disclosure.

  3. 03

    Original asset plan

    Original charts and growth illustrations, fictional securities and market data, local-only transactions, and no live financial claims.

02 · Experience architecture

Navigate the complete app map.

Every named screen opens directly, making the concept’s scope inspectable and shareable without loading every experience route on this page.

20Connected screens

Routes describe the frontend experience. A visible route does not by itself claim a live backend integration or native store release.

03 · Evidence and boundaries

Original presentation, documented provenance.

Reference research and implementation status are stated separately. Third-party screenshots, logos, and branded assets are not used in this presentation.

Coinbase reference study

Reference record

The Coinbase links below document private clean-room measurement. They do not imply affiliation, endorsement, human approval, or permission to republish source screens.

System
A10 · ios
Studied
2026-08-13
Entry family
coinbase-investor-setup
Status
reference-measured · human review required

Automated targets: structural changed pixels ≤ 2.0%, full changed pixels ≤ 8.0%, MAE ≤ 0.015, RMSE ≤ 0.035. These are measurement targets, not pixel-perfect certification.

Asset record: Original charts and growth illustrations, fictional securities and market data, local-only transactions, and no live financial claims. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • Coinbase primary screen

    portfolio balance, time-range chart, asset tabs, and anchored dual actions

    • An approximately 160 px chart follows the large balance
    • Page content uses about 18 px side gutters
  • Coinbase alternate state

    chart ranges redraw, asset tabs swap lists, and simulated order review opens as a focused sequence

    • The hierarchy reads near 34/20/15/12 px
    • Two 48 px actions remain pinned above a five-item navigation

Explore FolioSprout from its first screen.

Open the browser experience, then use its connected navigation to inspect the complete concept route by route.

Launch FolioSprout