Enable carriers to have early access to payment

Overview

Problem

To enhance Ofload platform's financial flexibility and add help carriers maintain positive cashflow, the team decided to carry out new initiative to integrate Butn, a digital payment solution designed to offer immediate funding to businesses. The integration aimed to provide our users with seamless access to working capital, enabling them to manage cash flow more effectively and take advantage of growth opportunities.

Objectives

Improve platform engagement by providing seamless working capital access

Outcome

  • 50+ invoices funded in first month
  • 10% increase in engagement rate

My Role

Lead designer, collaborated with PM and developers

My Process

1. Understanding Carrier's Needs

From talking to carriers, I discovered some key insights:

  • Cash flow constraints: Many of our users faced cash flow issues due to delayed payments from clients.
  • Time-Consuming Financial Processes: Traditional funding options were often slow and involved cumbersome paperwork.
  • Need for Transparency: Users desired clear and straightforward financial solutions that integrated seamlessly into their existing workflows. Larger trucking companies concern about policies
Jake user persona

2. Scope and Feature Prioritization

I workshopped with stakeholders including PM, tech lead and managerial members of the operation team to align on the issues needed to be prioritised. “How might we” redesign the flow to help carrier:

  • Complete Butn registration
  • Clear communication regardings terms& conditions: instill trust in the process of uploading invoices

3. Process Flow Mapping

Detailed user journey documentation

Process flow screenshot
Fintech payments flow

4. Mid-Fi Prototyping

Collaboration with the development team was crucial to ensure a smooth integration. We followed an agile methodology, with regular sprint reviews and feedback sessions.

  • API Integration: My team worked closely with Butn’s technical team to integrate their API into our platform, ensuring secure and reliable data exchange.
  • Testing and Quality Assurance: Extensive testing was conducted to ensure the functionality was robust and free of bugs. This included unit tests, integration tests, and user acceptance testing.
  • Launch and Rollout: The integration was rolled out in phases, starting with a beta version for a small group of users. This allowed us to gather real-world feedback and make necessary adjustments before the full launch.

Design system

The design system was built based on MUI. MUI has an extensive set of pre-designed components allowed us to accelerate the development process, reducing the time needed to create common UI elements from scratch.
Optimise for desktop, focus on displaying information in the most efficient way.

Design system components

5. Design Finalization

Key Learnings

  • "Ship messy" - solve problems pragmatically
  • Align tech, product, and design teams
  • Design with functionality over aesthetics