CUBE: BOARDS

Bringing live data reporting into finance teams’ hands, 75% adoption in 3 months

A Board in View Mode: an executive storyboard with key metrics, a budget donut chart and revenue charts The split preview modal: data settings on the left, a live budget vs actuals chart and its table on the right
ROLE
Lead Product Designer
TIMELINE
2025-2026, released in phases
PLATFORM
Web app
TEAM
1 Product Manager
3 FE Engineers
1 Visual Designer
1 Product Designer (me)

SUMMARY

Cube is an FP&A platform for finance teams. Its dashboarding experience, powered by a third-party BI tool, "didn't feel like Cube": reports were confusing to build, data went stale between refreshes, and even basic charts often needed hands-on support. I led product design for Boards, bringing reporting into Cube so teams could build interactive reports on live data and share them with budget owners and executives.

As the sole product designer, I partnered with Product and Engineering across multiple releases. My work spanned relative-time shortcuts, widget building and editing, stakeholder sharing, and an AI flow that turns a plain-English prompt into a chart, balancing familiar finance workflows with what engineering could ship.

Boards replaced the third-party reporting tool with a native workspace connected to Cube's financial data.

75%

adoption across 500 customers within 3 months

98%

CSAT across the 500 customers

The problem

Cube’s reporting experience relied on a third-party BI tool that customers said “didn’t feel like Cube.” Building reports was confusing, and keeping them current meant manual exports or scheduled refreshes.

The old third-party dashboard: a row of filters above revenue charts
The old dashboard editor: a bar and line chart with query settings

My job was to design something finance could actually build and report in, while making its hardest interactions usable and buildable.

Two use cases drove most decisions: recurring budget vs actuals reviews and YTD reporting. Both followed the same shape: build once, reuse every period, and share with someone outside finance.

1. Recurring Budget v Actuals

  • Finance
  • Budget Owners

Finance builds a board, shares it with stakeholders, and has recurring monthly results reviews.

2. YTD Reporting

  • Finance
  • C-Suite
  • Investors

Finance builds a board and gives leadership and investors access to track progress at any time.

Solving time shortcuts

Finance teams needed familiar shortcuts like “year to date” and “last three months.” The early design used explicit dates, which meant users had to update filters for each reporting period.

Relative dates were already on the roadmap, but customer feedback calls reinforced the need to ship this earlier.

The tricky part was making shortcuts work across rows, columns, and filters. I explored several versions with the PM and front-end engineering, working through menu structure, selection behavior, and feasibility:

V1: a chip with shortcut buttons inside the Time menu
V2: a secondary menu of shortcuts
V3: a tertiary menu for trailing months
V4: a drill-in secondary menu
The explorations: from a V1 chip, to a tertiary menu, to a secondary drill-in menu.

We considered letting users enter any number of months, but that increased scope. The PM and I decided on presets of 3, 6, 9, and 12 months for the first release. I designed the shortcut menu around those choices, with the selection(s) shown in the field.

The shipped Time menu: a Shortcuts drill-in with trailing 3, 6, 9 and 12 months
The shipped design: a "Shortcuts" drill-in menu with the shortcut added to the end of the chip in the Time field.

Designing the builder

Boards had to feel like the spreadsheet tools finance already trusts, and be practical for engineering to ship. These were the calls that got us there:

1. Building a widget

I reused Cube’s spreadsheet range builder so configuring Columns, Rows, and Filters to build widgets felt familiar.

Cube's spreadsheet add-on with the range builder panel
SPREADSHEET APP
Adding a widget in Boards with the same Columns, Rows and Filters builder
BOARDS

2. Split preview modal

Editing, styling, and formatting sat beside a live preview, with a Table View toggle to sanity-check the chart as a pivot table, the format they’re familiar with and trust most.

The preview modal: widget settings on the left, the live chart with Table View turned on at the right

3. Text widget editing: right drawer → inline toolbar

Some familiar patterns needed rethinking. My first text widget design used a right drawer, until Engineering and I realized it could cover the very widget being edited. I proposed a toolbar above the board instead.

Before: text settings in a right drawer
BEFORE
After: a text toolbar above the board
AFTER

4. Widget interaction: hover → click

I also changed widget actions from hover to click after front-end engineers flagged the hover behavior as finicky. The goal stayed the same; the interaction became more practical to build.

Before: widget actions shown on hover
BEFORE
After: widget actions shown on click
AFTER

Building with AI

To make widget-building faster, I designed Build with AI. Users describe a chart in plain English (“revenue by quarter for each entity, in millions”) and the Visualization Agent generates a fully editable widget.

Describing a chart to the AI in the Build with AI panel
1. Describe it
The generated bar chart, ready to edit
2. Get an editable widget

Rather than invent a new AI pattern, I adapted Cube’s existing AI Analyst chat into a Chat/Build split: refine the widget with follow-up prompts in Chat, or switch to the manual editor for precise control in Build. Both edit the same widget, so AI speeds people up without locking them out of the details.

I later designed Cube Decks, carrying this AI build flow and Board widgets into PowerPoint and Google Slides as live, refreshable visuals.

Bringing sharing back into focus

I’d focused so much on the building experience that View Mode emphasized adding widgets. But the workflow doesn’t end when finance finishes building a board.

The next step is sharing it with someone who needs to see the numbers: like a marketing lead filtering a budget vs actuals board to their department during a monthly review.

I reorganized its actions to make Share primary, matching the recurring reporting workflow and shifting View Mode’s emphasis from building the report to getting it into stakeholders’ hands.

View Mode before: Edit Mode and +Widget buttons at the top right
View Mode with “+Widget” as initial primary action (top right).
View Mode after: a Share button as the primary action at the top right
Updated View Mode with “Share” promoted as the primary action (top right).

The details underneath

Beyond the big flows, a few smaller decisions did a lot to make Boards feel like the spreadsheets finance already works in, and set up patterns we could reuse later.

1. Calculated columns

Calculated columns needed more room than an in-cell interaction allowed, so I moved formula entry above the table, familiar to any spreadsheet user and a foundation we could scale (with suggested-formula logic and dimension chips later). I also designed a confirmation for instances when deleting a column would delete a dependent calculation.

Adding a calculated column with the formula above the table A confirmation before deleting a column that a calculation depends on

2. Formatting

For formatting, expandable cards let users format and reorder individual data points. “Use same format for all” applied shared formatting while keeping individual colors and ordering available. The chart icons and color-theme drawer were later reused in Decks.

Expandable formatting cards for each data point The widget type picker (Text, Table, Bar, Row, Combo, Line, Pie, Donut, Trend, Metric, Waterfall) next to the Color Theme drawer

What shipped

Feedback and impact

Boards became a native, trusted way to report

Shayan, Head of Product, and I walked four customers through chart building, styling, formatting, filters, and relative dates. Their feedback reinforced the value of connected data and reusable reporting.

Boards shipped through multiple releases, replacing the previous third-party reporting workflow with 75% adoption within three months and a 98% CSAT score.

75%

adoption across 500 customers within 3 months

98%

CSAT across the 500 customers

Reflection

I’d build more customer check-ins into each release and stay closer to Product on how those releases were landing.

Leading Boards sharpened how I explore options, spot the real constraint, and bring Product and Engineering into decisions earlier, so we can weigh the tradeoffs and keep moving quickly.

Enter password

The rest of this case study is confidential.

You can find it on my resume or reach out to me at hello@jen-chung.com