Featured Image
The client
Logo Facturedo (Klimb)
Facturedo is a cutting-edge Invoice Discounting Online Marketplace with a primary focus on assisting SMEs in unlocking liquidity from their receivables. It also presents an excellent investment opportunity for individual users.
Skills
  • UX Research
  • User Interview
  • Information Architecture
  • Usability Test
  • UX Design
  • Visual Design
  • Product Design
Deliverables
  • Research Synthesis Documentation
  • User Personas
  • User Flows
  • Wireframes
  • Interactive Prototypes
  • Design System and UI Kit
  • Specs for Engineers
Tools
  • Google Forms
  • Uxtweak
  • Invision
  • Sketch
  • Zeplin
  • Hotjar
  • Google Analytics
Duration
  • 2 years
Core Issue
Facturedo embarked on its journey as a startup, encountering numerous challenges along the way. The onboarding process initially proved to be intricate, with a complexity that extended to the uploading of receivables. Users also faced difficulties locating even fundamental information within the platform.
Problem statement
Addressing the need for a comprehensive platform enhancement optimizing all stages, features, and pages. Key areas for improvement included refining the onboarding process for simplicity, optimizing navigation for intuitiveness, and embracing a User-Centric design approach.
Role and contributions
As the Design Leader, I oversaw the product life cycle. Employing the Design Thinking Process, I conducted insightful user interviews, crafted user personas, and created user flows. I also designed wireframes and prototypes, testing them for optimal user experience. Collaborating closely with developers during the "Implementation" phase, I actively collected quantitative and qualitative data using various online tools.

The Business Context

User’s Problem

When small companies or SMEs work for big national and transnational companies, they provide their products or solutions, but the big companies pay them within large time ranges (sometimes 120 days after the work is done).
This becomes a major problem because SMEs must pay for other providers, payroll, credits, etc.
Companies have to wait long periods of time for their money.

Waiting

User’s Challenge

Banks, the only previous solution
How to reach liquidity without debts or credits, and avoid bank’s stressful and complicated process.
Facturedo provides a great alternative for SMEs, giving them their money in advance in less than 48 hours.

Frustrated

SMEs were facing complicated and long bank processes

Facturedo’s motto

Provide SMEs liquidity in less than 48 hours.
Fulfilling this promise was a team effort involving the legal team, customer service, compliance, data science, developers, and, of course, UX design.

Frustrated

How does Facturedo work?

The Business Context. How does Facturedo work?

Discovery Phase

Personas
I learned that there is a team inside SMEs focused only on collecting money owed by other companies.

With the help of surveys and user interviews, I crafted these SEM user personas:

Company Persona

User Flows
Understanding the user was crucial to providing a user-centered flow, after some rounds of brainstorming we came up with a solution:

💡

After the signup, the first thing that the user has to do is upload an invoice.

First Operation User Flow:

First operation user flow

Create an Account and Onboarding Flow:

Create an account and onboarding flow.

Information Architecture Flow:
Information Architecture flow.

Wireframes. Quick glimpse:
Wireframes

Competitor Analysis
Benchmark 1

Benchmark 2

Benchmark 3

Benchmark 4

Benchmark 5

Benchmark 6

Benchmark 7

Benchmark 8

Benchmark 9

Benchmark 10

Benchmark 11


🎯

We discovered a unique opportunity to create a standout product.

Final Designs:

Login and Signup:

Login and Signup. We developed a side-by-side login and signup page.

Welcome:

Company Onboarding. Welcome modal with the process.

XML reading tool:

Company Onboarding. XML file reading automation tool.

Costs:

Company Onboarding. Estimated costs directly within the flow.

Auction model:

Company onboarding. Information about the Auction model.


🔥

We showed the users in real-time transparent information about how much money they would receive.

Performance tracking

Google analytics metrics
Google analytics metrics. Conversion rate

Google analytics metrics. Navigation

Hotjar Heatmaps
Hotjar Heatmaps. Investor dashboard

Hotjar Heatmaps. Investment opportunities

Results

Upon the release of the new signup, the number of users opening new accounts increased by 53% within one month. In other words, the conversion rate improved significantly, thanks to the enhanced signup flow and new design.

+53%
sign-up users

+62%
active users

+18%
companies unlocking liquidity

+23%
active investors

Task Time Improvement

With the introduction of new flows and designs, I also enhanced the user’s efficiency in creating an account and accessing investment opportunities.

Time to create an account (Company)

Time to see investment opportunities (Investor)

Final outcome

Major contribution:

I really pushed the stakeholders to bring the user’s voice into the design process

Shake Hands

What would I do better now:

  • Give the users something tangible and fist-hand in return, for example: amazon gift cards
  • Reduce the use of modal screens
  • Thinking more in mobile-first designs
  • More prototype testing with users!

More Screens

Operation summary:

Company onboarding. Operation summary modal

Company screens
Operations and their statuses
Operations Screen. Cards with statuses

Operations page. Operation single opened

Operations Screen. Cards with auction status

Operation Single page with details about the auction

Clients Page
Clients page using cards view

Clients page. Table view

Investor platform
Dashboard:
Investor dashboard. Validate profile to continue

Investor dashboard. Profile completed

Investment opportunities:
Investment opportunities. Each opportunity is represented in a card. Card view

Investment opportunities. Table view

Investment Opportunity. Detail Page:
Investment opportunities. Single. Ranking and details

Investment opportunities. Single. Score

Investment opportunities. Single. Collection portfolio

Investment opportunities. Investment confirmation. Modal

My investments & Account statement
The user can easily see all the investments and their statuses on the ‘My investments’ page.

Account Statement page, I designed a dashboard-type layout

New Investor dashboard

New dashboard proposal for investors with charts displaying information about investment diversification.

New dashboard proposal for investors with charts displaying information about investment diversification.

Mobile version

Company onboarding
First operation. Company mobile screen

Add invoice full screen modal. Mobile Version

See receivables updated. First operation. Mobile Version

Auction model, bottom drawer. First operation. Mobile version

Operation Summary. Full screen page with details

Success modal. First operation

Complete profile flow
Complete profile flow. Update personal information

Complete profile flow. Update company information

Complete profile flow. Update legal data

Operations
Operations view. Company mobile version

Operation single with real-time view

Operation single with historical

Investor Mobile version
Investment opportunities
Investment opportunities. All opportunities. Cards view

Investment opportunities. Operation details

Investment opportunities. Make an investment. Bottom drawer

Investments & Account statement
Investments mobile version. Investments in process

Investments mobile version. Investment detail and returns

Account statement. Historical movements

More Projects