Jeboy Compuesto
← All projects

Rho Hackathon / New York City / September 2026

πŸ† Best Content Winner

Finance Bro AIYour next move, modeled.

A financial decision-making prototype that helps founders see what their next big move means for cash and runway. Built with my team in 24 hours at the NYC Rho Hackathon.

The build
24 hours
The outcome
Best Content
The process
Research Β· UX Β· UI Β· Prototype Β· Storytelling
Finance Bro AI dashboard: sample company cash and runway above a prompt asking whether it can fund a NYC team
The working prototype, shown with fictional company data.
01The challenge

A bank balance can't answer a future-tense question.

A founder can see today's cash and monthly spending. Hiring a team or expanding to a new city asks something harder: when will the new costs hit, when might revenue arrive, and how much cash needs to remain untouched?

Our design question was: How might we help a founder pressure-test one consequential decision and understand the reasoning behind the answer?

The decision we chose

Can we fund a NYC team?

One fictional seed-stage company. One 12-month forecast. A $150k cash reserve to protect. This gave the team a specific decision to design and build end to end within 24 hours.

Fieldnote Labs is sample data, not a real customer.
02UX research

Find the friction before drawing screens.

The team reviewed three public discussion threads, competitor product pages and Plaid documentation. We separated firsthand accounts from vendor claims and kept contradictory evidence in the board.

Explore the research board β†—
01 / Model complexity

The spreadsheet keeps growing.

One founder described a model spanning employees, costs, seats, pricing and expected revenue. It suggested a need to handle several drivers without making the founder maintain an increasingly complex spreadsheet.

02 / Learning cost

Forecasts need translation.

A planning-tool user valued safe scenario experiments but found the difference between actual and forecast periods confusing. We treated clear labels and editable assumptions as product requirements to explore.

03 / Contradictory evidence

Excel works for some teams.

Other founders said a spreadsheet, accounting software and a monthly close were enough. The prototype therefore needed to earn its place by making one decision easier to understand, not by promising to replace every finance workflow.

FigJam research notes showing public founder accounts, competitor comparison and unanswered interview questions
The research board records the sources, interpretations and questions the team still needed to validate.

Research boundary: This was desk research, not completed customer interviews. The board explicitly lists interviews with founders and finance practitioners as the next step. The findings informed a prototype hypothesis; they do not establish market demand or usability results.

03Define

From financial data to a decision someone can defend.

We framed two provisional users: a founder creating the case for a major spend, and a finance reviewer checking a model before that decision is made. The founder path became the main demo; model review became the second path.

For the first path, the job was to take a question, surface the relevant financial baseline, ask for the future assumptions that bank records cannot supply, then show how the answer changes in a downside case.

Design principles from the synthesis
  • Start with intent. Ask what the founder wants to decide before showing a blank model.
  • Separate facts from guesses. Label recorded actuals, entered assumptions and calculated outputs.
  • Make risk inspectable. Show the downside, reserve threshold, calculation and source lineage.
  • Keep a human in control. Preview model changes and ask for approval.
Focused first caseNYC team spending decision
Secondary pathReview an existing model
Deferred from MVPBenchmarks & broad automation
04UX architecture & wireframes

One clear route from question to recommendation.

The FigJam work moved from six linked feature wireframes to a full low-fi journey. The core path kept the user oriented while asking only for inputs that could change the NYC decision.

Explore the low-fi mockup β†—
  1. 01Connect & understand

    Show the sample company's cash, burn, source coverage and goals before asking for a plan.

  2. 02Ask & specify

    Begin with a business question, then collect setup cost, ongoing team costs, receipt timing and reserve floor.

  3. 03Compare scenarios

    Put the baseline, base and downside cases on the same chart; expose the driver that changes the result.

  4. 04Explain & decide

    Pair the recommendation with its conditions, calculation and next action.

Grayscale FigJam scenario wireframe with cash chart, setup-cost slider, reserve line, assumptions and scenario table
The low-fi scenario screen made the adjustable setup cost, $150k reserve line and assumptions visible together.

What we questioned: The board calls out whether the Home charts feel too much like a dashboard, whether users understand ACTUAL and ASSUMPTION tags, and whether founders would connect real accounts during a demo. These were questions for testing, not findings from a completed usability study.

05UI & visual system

Give the numbers room to speak.

The early direction put a large lime surface, heavy headline, pill controls and ten equally prominent decision tiles on the first screen. The team refined the hierarchy: lead with company context and four financial metrics, put the question in one clear entry point, and move the broader decision areas into a disclosure.

The existing Figma system supplied the FinanceBro mark, lime and navy palette, type styles and reusable illustrations. The interface uses lime for the primary action and quieter neutral surfaces for calculations, warnings and recommendations.

Visual rules
  • Figtree carries interface text; Bricolage Grotesque stays in the wordmark.
  • Source and assumption tags explain where each number comes from.
  • Charts label the reserve threshold and risk in words, not color alone.
  • Brody welcomes and guides; the financial answer stays free of decoration.
Figma design-system color chapter showing lime, navy, blue, orange and tested text contrast combinations
The color chapter documents the palette, text contrast and how risk labels remain understandable without relying on color.
Open the Figma design system β†—
06Interactive prototype

The answer changes when the assumptions change.

The clickable prototype carries the same NYC decision through guided questions, scenarios and a recommendation. It also demonstrates a separate model-review flow.

Try the live demo β†—
01 / Guided inputs

Ask about what the data cannot know.

Cash and burn are shown as actuals. The founder supplies future costs, receipt timing and the reserve they want to protect. Ranges and required-field checks handle uncertainty without silently inventing values.

Prototype guided-questions screen separating company actuals from editable future assumptions
Actuals and assumptions remain visibly distinct.
02 / Scenario comparison

Make the trade-off tangible.

At $60k in setup costs, the modeled downside falls to $125k by Month 6, below the $150k reserve. Reducing setup to $35k holds the reserve through Month 6. The slider, chart and scenario table update from the same calculation engine.

Prototype scenarios screen showing a live setup-cost driver, cash projections and reserve-risk comparison
Changing one driver updates the result across the screen.
03 / Explainable recommendation

Show what happened, why and what to do next.

The recommendation caps NYC setup at $35k and suggests starting fundraising conversations by Month 3. It states the conditions behind that advice, the remaining runway risk and a path back to the calculation.

Prototype recommendation screen with condition, financial impact table and linked calculation
The result includes its reasoning and the scenario behind it.
04 / Model review

Preview a correction before accepting it.

In the sample workbook, a formula omits $15k of monthly NYC costs. The review points to the affected cells and previews Month-6 cash falling from $240k to $150k. The original stays intact while the user approves or rejects the proposed change.

Prototype review screen showing a formula finding, its cell location and an impact preview before approval
A finding shows location, reason, impact and explicit approval.

Prototype scope: The product uses fictional company data, simulated connections and a deterministic browser calculation engine. It has no live bank integration, backend or AI API calls. The NYC team decision is the fully modeled example.

07Storytelling & outcome

The winning content

πŸ† Rho Hackathon Β· Best Content

β€œCan you afford your next hire,
or just their first paycheck?”

Our team framed the demo around a founder's real question, then showed how a change in assumptions affects cash and runway. The video won Best Content at the hackathon.

Watch the winning video on X β†—

What the sprint produced.

In 24 hours, the team moved from a documented research question and low-fi journey to a clickable product demo and an award-winning video. The working example lets someone adjust a cost, watch a reserve threshold change, and inspect the calculation behind the recommendation.

What to validate next
  • Observe founders working through a recent hiring or expansion decision.
  • Test whether people can identify the key assumption and change it without restarting.
  • Ask finance reviewers whether the source and impact preview provide enough evidence to approve a correction.
  • Compare the workflow against the spreadsheets and tools those teams already use.