Industry

Fintech

Duration

3 months

Services

Visual design

Devices

iOS/Android

About Client

Octifi is a Y Combinator 2021 batch FinTech startup operating out of Singapore. They empower commerce in the Southeast Asian market with instant 0% interest loans for the responsible spenders. Many of the Southeast Asian countries have very low credit card penetration and Octifi aims to present an easy alternative to the credit cards. With a strong focus on security, detecting genuine buyers, genuine sellers and genuine devices, the client was looking for a UX/UI designer with deep knowledge of FinTech, especially the micro lending domain.

The client discovered us through Upwork – a projects platform where all our designers maintain 100% project success rate. We were assigned a pilot job of creating ux based on a FinTech concept. Given our extensive experience in designing a diverse set of FinTech apps, we presented multiple versions of the concept. And, this got us the main job.

The main job was to be a design partner in their product building process. We were tasked with optimising the existing fintech UX of their Singapore focused app, design new features and modify the user flows as per the regulatory norms. We also redesigned the app modelled for another Southeast Asian country.

Challenge

The biggest challenge for us was to integrate a UX and UI design process into a typical growth-stage startup culture – agile, rapidly changing and engineering-centered. Thankfully, we had a very good point of contact who helped us navigate through the structure and guided us whenever we needed.

At the product level, we were presented with many challenging problems that we loved solving.We spent a good amount of time optimising the user onboarding, made the loan issuance process more efficient for the users, and introduced Glassmorphism visual style to their fintech app design.

Fintech design process

Methodology

High fidelity prototyping for early validation
Incentivize the high credit worthiness
Rapid iterations through low fidelity wireframing
Stakeholder interactions for market, product and user insights

Design Objectives

Frictionless Onboarding
Secure & Trustworthy experience
Aligning with Brand Identity
Reducing User Errors and Friction

"The Tcules team is clearly brilliant in UX/UI works. They are intuitive, empirical and are very effective communicators. These characteristics they possess has made it a clear joy to work with them. They deliver the works required on time. They deliberate sufficiently and outline clear thought processes in the flows. And they are also proactive in exploring an intuitive and aesthetically designed output. Highly recommended. Would love to work with them in the future."

Amin Nordin
Head of Growth, OctiFi

Glassmorphism UI Style

We developed a Glassmorphism based design system including design components, typography, colors and fonts that were in line with the client’s brand identity.Since Glassmorphism is relatively new in (as in August 2021) UI style, here is a brief understanding on what it is.

Like most concepts in design, there is no standard definition of what is Glassmorphism. Our interpretation of Glassmorphism is a UI style with that creates a visual effect of seeing through a glass, most commonly a frosted glass effect.

It using vivid colors, semi-transparent backgrounds, multiple layers and floating objects.Being a FinTech design agency, it was important for us to make sure that the designs generated a sense of trust, security and ease.

High fidelity prototypes

High fidelity mockups allowed the product team, especially the engineering and marketing teams to validate the designs. We were able to avoid bigger investments in terms of coding the interfaces due to the pixel-perfect high fidelity prototypes built using the real data.

Final Outcome

  • The engineering team was able to fix a lot of usability problems in the very first month of our association.
  • An iterative design approach reduced the cost of coding the product
  • A new UI style – Glassmorphism – was implemented for the launch in the new market