WIREFRAME

FLOW SAMPLES

WEB

MOBILE

TESTING

LOW-FIDELITY WIREFRAMES

Lo-fi screens to validate navigation structure and information hierarchy starting on mobile, then mirroring the layout on web.

WIREFRAME

FLOW

WEB

MOBILE

TESTING

LOW-FIDELITY WIREFRAMES

Lo-fi screens to validate navigation structure and information hierarchy starting on mobile, then mirroring the layout on web.

WIREFRAME

FLOW SAMPLES

WEB

MOBILE

TESTING

LOW-FIDELITY WIREFRAMES

Lo-fi screens to validate navigation structure and information hierarchy starting on mobile, then mirroring the layout on web.

Receipt Wrangler

Receipt Wrangler

The interface for an open-source, self-hosted receipt tracker built around tracking & splitting a bill.

The interface for an open-source, self-hosted receipt tracker built around tracking & splitting a bill.

TIMELINE

2022-2025

PLATFORM

Web

Mobile

PRODUCT DESIGN
BACKGROUND

Turning shared expenses into a clearer product experience.

Turning shared expenses into a clearer product experience.

Receipt Wrangler was built for people who regularly split expenses — roommates, friends, travelers, and freelancers. The product had strong utility, but the experience needed to become more approachable for everyday use.



When I joined, there was no interface making the product approachable for everyday users. I designed the first public interface in 2021 then led a full redesign across both platforms.

Receipt Wrangler was built for people who regularly split expenses — roommates, friends, travelers, and freelancers. The product had strong utility, but the experience needed to become more approachable for everyday use.

Receipt Wrangler was built for people who regularly split expenses — roommates, friends, travelers, and freelancers. The product had strong utility, but the experience needed to become more approachable for everyday use.


When I joined, there was no interface making the product approachable for everyday users. I designed the first public interface in 2021 then led a full redesign across both platforms.

When I joined, there was no interface making the product approachable for everyday users. I designed the first public interface in 2021 then led a full redesign across both platforms.

DESIGN PILLARS

Problems to solve.

📱

Mobile-first Workflows

Designed receipt workflows around quick capture, review, and assignment on smaller screens

⚡

Faster decisions

Reduced friction across upload, split, and tracking flows so users could move from receipt to resolution faster

📐

Scalable IA

Reorganized the product structure so new features could be added without breaking navigation

🧩

Consistent system

Created reusable patterns for filters, inputs, indicators, receipt states, and responsive layouts

👥

Group clarity

Clarified who paid, who owes, why they owe it, and what still needs attention

Clarified who paid, who owes, why they owe it, and what still needs attention

✅

Trustworthy AI

Quick scan needed a fast, intuitive capture-to-assign flow

Quick scan needed a fast, intuitive capture-to-assign flow

TESTING & CHANGES

What changed after testing.

What changed after testing.

✓

✓

Dashboard felt organized — testers missed widget hierarchy cues.

✓

✓

Receipt upload worked — Quick Add & Quick Split needed more prominence.

—

AI itemization saved time — users expected confirmation per edit.

—

Filters improved — icon-only labels slowed recognition.

WEB

Sidebars for one-page

Fixed: Cluttered nav, floating button confusion

MOBILE

Slide sheets replace dropdowns

Fixed: Cluttered nav, floating button confusion

FILTERS & WIDGETS

Refined labels and hierarchy

Fixed: Improve scanability and reduce reliance on icon recognition alone

QUICK SPLIT

Supporting different ways

Fixed: Clarified so users could better understand what still needed action

Interactive Prototype

Interactive Prototype

MY ROLE

Redesign from product structure to interface execution.

Redesign from product structure to interface execution.

DESIGN SYSTEM

USER FLOW

WEB & MOBILE

INFO ARCHITECTURE

USABILITY TESTING

  • Design system for consistent indicators, filters, and inputs across both platforms

  • User flows for uploading, splitting, and organizing receipts end-to-end

  • First receipt dashboard, detail views, and group tracking features

  • Collaborated with developers on layout, component logic, and mobile behavior

  • Design system for consistent indicators, filters, and inputs across both platforms

  • User flows for uploading, splitting, and organizing receipts end-to-end

  • First receipt dashboard, detail views, and group tracking features

  • Collaborated with developers on layout, component logic, and mobile behavior

DESIGN SYSTEM

USER FLOW

WEB & MOBILE

INFO ARCHITECTURE

USABILITY TESTING

RESEARCH

Understanding the friction.

Understanding the friction.

TOOL

Splitwise

Expensify

Tricount

Receipt Wrangler

SELF-HOST

—

✓

✓

—

✓

✓

SCAN

✓

✓

—

✓

✓

✓

✓

SPLIT

SPLIT

✓

✓

✓

✓

✓

✓

✓

ITEMIZE

ITEMIZE

—

—

—

✓

SHARE

SHARE

—

✓

✓

—

✓

IMPORT/EXPORT

IMPORT/EXPORT

—

✓

—

✓

Full Research Data

← Back to Work

DESIGN PILLARS

Problems to solve.

📱

Mobile-first Workflows

Designed receipt workflows around quick capture, review, and assignment on smaller screens

⚡

Faster decisions

Reduced friction across upload, split, and tracking flows so users could move from receipt to resolution faster

📐

Scalable IA

Reorganized the product structure so new features could be added without breaking navigation

🧩

Consistent system

Created reusable patterns for filters, inputs, indicators, receipt states, and responsive layouts

👥

Group clarity

Clarified who paid, who owes, why they owe it, and what still needs attention

✅

Trustworthy AI

Quick scan needed a fast, intuitive capture-to-assign flow