Led the redesign of Sage Intacct's mobile experience, transforming a limited, outdated timesheet app into a scalable, multi-module product. Established the foundation for a mobile design system while delivering core workflows for time tracking and expense management.
Three core surfaces of the redesigned app — home, time tracking, and expenses.
Intacct's mobile experience was inherited from an acquisition — a legacy timesheet tool with no foundation to grow on.
The product strategy was expanding mobile beyond a single timesheet workflow. That meant handling multiple features — time, expenses, approvals, and more — designing for both employees and managers, and creating a system that could scale across future modules.
The team was initially focused on delivering a functional mobile experience for immediate use cases, but I saw that without a foundational system, each new feature would introduce more inconsistency and technical debt. I advocated for establishing a design system and scalable patterns before expanding features — aligning the team around a longer-term, system-first vision.
That meant we needed to simultaneously:
All within a small, fast-moving cross-functional team.
We weren't just designing features — we were defining how mobile UX would scale across the product. That required thinking beyond individual screens and focusing on systems over one-off solutions, patterns over custom designs, and scalability from day one.
We weren't just designing features — we were defining how mobile UX would scale across the product.
I worked closely with PM and engineering to identify the most valuable features for launch, align on user journeys across roles (employees, managers), and map end-to-end workflows like clocking in/out and submitting expenses.
Before designing features, I defined two guiding principles: standardize the design language to ensure consistency across all modules, and design for scalability by creating patterns that could support future workflows. With those in place, I collaborated with a visual designer on color, typography, and spacing; reusable components with defined states (buttons, inputs, lists, cards, dropdowns, search, filters, empty states); and navigation and interaction standards. Everything was documented in Figma so the team could extend it consistently.
With the system in place, I designed the key user flows. Time tracking covered clocking in and out, viewing and managing shifts, and handling breaks and time edits. Expense management covered capturing receipts, creating and editing expenses, and submitting for approval. Each flow was designed to minimize friction for repeat actions, stay clear and intuitive on mobile, and reuse patterns from the design system.
The work resolved into three connected outputs: a unified product, the system underneath it, and the workflows it enabled. Each shipped together, but each carried a different kind of weight — strategic, structural, and experiential.
Combined time tracking and expenses into one cohesive app with consistent navigation and interaction patterns. What was previously a single-purpose tool became a multi-module surface — one entry point, one mental model, one set of rules.
Reusable components and patterns, clear guidelines for future development, and a foundation for long-term product growth. These became the building blocks for every screen that followed.
Designed specifically for mobile contexts — simplified complex tasks into focused flows, reduced cognitive load for everyday actions, and reused patterns from the system at every step.
Building for scale requires designing beyond the immediate problem. By focusing on systems and patterns early, we created a foundation that enabled the product to grow without sacrificing usability.