Designing a Cashless Corporate Payments Future

Discipline:Product Design, Frontend

Medium:SaaS Web App

Tools:Figma, React/CSS

Staple Card

Staple is a corporate payments solution that empowers employees to handle payments, record receipts, and request reimbursements with ease. Paired with physical and virtual cards, the platform streamlines expense management (経費精算) and offers accountants a unified view of all company finances.

By digitising workflows, Staple tackles Japan’s traditional paper-based systems, delivering a modern solution to an outdated process.

The Problem

In Japan, corporate expense management faces significant challenges:

  1. Paper-Driven Systems:
    Many companies rely on paper receipts and records, making expense management prone to errors, loss, and even fraud. Strict legal reporting requirements exacerbate these inefficiencies, leaving businesses hesitant to transition to digital workflows.
  2. Access to Corporate Cards:
    Corporate cards are often inaccessible to smaller companies or startups without significant capital. This lack of access complicates expense management, especially for mandatory reimbursements like commuting costs.
  3. Complex Workflows:
    From managing expenses to uploading receipts, reviewing payments, and integrating with accounting tools, expense management involves numerous specialized tasks that vary by user role (e.g. employee vs. administrator).

My Role

I joined the team during a phase of rapid growth, tasked with:

Staple Card Transactions

Staple Card Transactions – Admin Dashboard

Challenges

The project’s complexity lay in its breadth of functionality and diverse user base:

The Process

Collaborating with Engineers

I worked closely with engineers to design and implement an intuitive user interface that aligned with technical and business requirements while improving the overall user experience.

Staple Policies

Staple – Enterprise Workflows

Restructuring Information Architecture

To enhance usability:

Add Staple Card

Staple – Card Activation

Developing a Design System

To streamline design and development:

Staple Expenses View

The Solution

The final design successfully addressed the challenges:

  1. Streamlined Expense Management:
    • Employees could quickly create expenses, upload receipts, and manage payments through an intuitive interface.
    • Administrators benefited from tools to oversee workflows, set approval processes, and generate reports with ease.
  2. Unified Design System:
    • The design system provided a cohesive and scalable foundation for future feature development, reducing implementation time.
  3. Improved Brand Presence:
    • The renewed Staple Card design and updated product website strengthened the brand’s visual identity and market presence.
  4. Simplified Financial Oversight:
    • The platform eased the management burden on financial staff, empowering employees to handle payments independently while maintaining compliance.

Outcome

Through thoughtful design and collaboration, our team was able to achieve our goal of creating a cashless corporate payments solution tailored to Japan’s unique business environment. The revamped platform streamlined expense management for businesses of all sizes, ensuring scalability, accessibility, and a user-friendly experience for employees and administrators alike.

Add ExpenseAccount ManagementExport ViewManage Receipts