Flo Energy Singapore

Paperless payment made simple

Facilitating transitions to e-GIRO and simplifying Flo's payment dashboard.

At Flo, we're committed to reducing our environmental impact. We are working towards this goal by minimising our paper usage. To achieve this, we are transitioning from paper-based GIRO applications to a digital e-GIRO system.

As part of this effort, we've also taken the opportunity to revamp our recurring payment process and redesign our payment dashboard.

 

Project Overview

Objective

  1. Create a functioning e-GIRO system that allows easy application through Flo Account Dashboard.

  2. Ensure a similar and consistent experience for the user regardless of the payment method used (Card / e-GIRO).

Success Metrics

Success can be measured by the reduction in paper GIRO application.

Role

  • Reviewed the current payment flow and drafted the user stories with the payment product manager and two developers.

  • Designed new payment flow, from wireframe to working prototype as proof of concept.

 

Research Findings

We start the project by taking a look at the current payment dashboard, identifying users’ pain points and opportunity for growth.

Analysis and review of the current UX flow and user pain points in the Flo Account Dahsboard.

 

User Persona & Journey Map

We also map out the current user journey, to identify pain points and build the user stories to guide our development process.

 

Proposed Solutions

Design Principle

  • Command Centre: Build a page for the user to manage all payment methods and premises/connections.

  • Focused: Make each process distinct and clear without any overlap of functions, resulting in Add/Remove flow and Assign/Disconnect flow.

Based on those principles, I designed the information architecture and working prototype as a proof-of-concept for the stakeholders.

 

An overview of the payment page in the Flo Account Dashboard.

 
GIF walkthrough of adding GIRO UX flow

Adding payment method flow is separated from assigning payment method.

GIF walkthrough of setting recurring payment UX flow

User can reuse saved payment methods.

 
 
 

UX, UI, Digital Payment