Jericho Studios

What can we help with?

Dakota

A report brings the takeaway, comparison and individual values together. Portfolio prototype · simulated data.
Product

About

From a question to a reusable report.

I designed Dakota’s AI reporting experience: a familiar report builder, a reusable component system, and a short path from asking a question to saving a useful view.

The brief

Business questions. Beyond a CSV.

Dakota’s reporting started with statements and CSV exports. Finance, operations and product teams needed a more direct way to explore customer and transaction data inside the platform.

The brief was to let people ask in their own words, without writing SQL or assembling complex filters. But a one-off question and a weekly check-in are different jobs. The experience also needed a place for useful reports to live.

The Reports hub supports both starting a question and returning to saved work. Original Figma design.

The interaction

Three ways in. One clear direction.

I explored three interaction models: a classic report builder, a chat and UI blend, and a fully conversational experience. Each could accept the same question; they asked users to work in very different ways.

We chose the classic builder. It moved users toward a useful report with lightweight clarification and fit the dashboard they already knew. A chat-heavy approach added planning and conversation management before the answer.

We gave up a richer conversation history to keep the path from question to report short and familiar.

A familiar dashboard, with a question as the starting point. Original Figma design.

The report system

Flexible questions. A consistent visual grammar.

I designed the output as a system of metrics, summaries, charts and tables. The question could vary; the report was composed from predefined blocks and layouts.

Across five report families, I explored 16 layout variations. This gave product and engineering a shared model for shaping answers, from a single number to a comparative analysis. Engineering confirmed the component-based approach was buildable.

I extended Dakota’s existing design system into reporting: chart treatments, data blocks and hover behavior stayed consistent with the rest of the dashboard.

Metric rows combine value, context and change. Original component exploration.

The workflow

Design the path around the answer.

A report is only one state in the experience. I mapped how people start, wait, refine, recover and save, so the interface could keep its bearings as the question changed.

Report-shaped feedback preserves context while the answer is prepared. Original Figma design.

Refinement

Change the question. Regenerate the report.

We chose full-report regeneration: the persistent prompt and contextual suggestions stay close to the result. Asking again replaces the current report, so saving preserves a view worth keeping.

Editing individual blocks would add controls and engineering complexity. Keeping refinement at the question level made the first release more focused, at the cost of granular adjustments.

A follow-up replaces the customer report with a view of failed transactions. Portfolio prototype · simulated data.

Recovery

An unanswered question still needs a next step.

I included distinct states for unsupported assets, unavailable data and timeouts. The prompt remains editable, and example questions stay within reach. Specific feedback helps people adjust the request and try again.

The error names the unsupported asset without losing the question. Original Figma design.

What shipped

A shipped feature. A system to build on.

The AI reporting feature shipped at Dakota. My contribution brought the interaction direction, report architecture, component designs and key flows together in collaboration with product and engineering.

The central design lesson was about the structure around natural language. A flexible input works best when the result has a consistent shape, the question stays visible, and the next action is clear.

Comparative reporting and the detail behind a data point. Original component design.

Ask. Read. Ask again.

Open full Dakota demo ↗

The demo illustrates the design with predefined report examples. It is separate from the shipped product and does not connect to live customer data. Saving keeps reports in this browser.

Design: Xiang Gao, with Dakota product and engineering. Reporting extends Dakota’s existing brand and design system. Original Figma exports document the design work. Demo captures and the interactive prototype use illustrative data.

Choose a portfolio layout.

Switch the composition and keep exploring the same work.

Return to the original portfolio ↗