Helping business owners scale with financial clarity

Growing with Bags.

Bags is built for business owners who have done the hard part — building a company from the ground up — and are ready to scale with clarity. It helps them take ownership of their numbers, understand their margins, and make smarter decisions every day: clean books, expert support, AI-powered insights, and access to funding that grows with them.

My role spans the full path from product strategy and UX to the design system and the React front-end that ships to production.

Flying blind on the numbers.

Most owners are excellent operators and reluctant accountants. Books fall behind, margins stay fuzzy, cash flow is a guess, and funding feels like something that happens to other companies. The information needed to make a confident decision usually exists — it is just scattered, stale, or locked in a spreadsheet no one fully trusts.

The design challenge was to make real financial clarity feel approachable — genuinely useful to someone without an accounting degree, on their busiest day.

Designing a system, not screens.

Rather than draw one-off screens, I built a modular design system in Figma and shipped it in production with React. I led the platform's migration to Chakra UI — replacing bespoke chips, tabs, and buttons with a standard, themeable library — and introduced an OKLCH color system so theming stayed consistent and predictable.

A reusable PageHeader rolled out across Accounting, Profile, Documents, Debt Tracker, and the Transactions Hub gave every surface the same backbone. This is where the role earned its second title: shipping production-quality components alongside the design, not handing them over a wall.

Financial insights, no accounting degree needed.

The Bags platform lets owners track their financial performance and surface insights at a glance. I designed dashboards that turn raw bookkeeping into the few numbers that actually drive decisions — performance, margins, and where the money is really going.

Accounting & bookkeeping, done right.

For owners who would rather grow than reconcile, a dedicated team keeps the books clean and the numbers matching reality. I designed the back-office tooling — built in Retool — that powers that service: the faster, purpose-built interfaces the bookkeeping team uses to keep every account accurate.

Funding strategy & execution.

Once the financials are clean, Bags helps owners build a debt strategy, match with the right lenders, and move through securing capital. I designed the flows that turn a complex, intimidating funding process into a guided, legible path rather than a black box.

Designed and shipped, end to end.

Bags is where the design-engineer title is most literal. Across two iterations of the platform — a legacy app and the monorepo I migrated it into — I shipped the frontend myself: 98 merged pull requests and roughly 17.8k lines of production React and TypeScript over about nine months.

Beyond the core financial views, that meant building a Debt Tracker (KPIs, sorting, pagination), QuickBooks import logic, admin role and squad-management controls, redesigned pricing and upgrade flows, and end-to-end PostHog analytics across the frontend and backend — so the team can finally see how the product is actually used.