LOS tool - (0-1 | B2B)

Role: Associate Product Designer

LOS tool - (0-1 | B2B)

Role: Associate Product Designer

LOS tool - (0-1 | B2B)

Role: Associate Product Designer

Overview

  • Working along with 3 designers who is leading the creation of a tool called LOS (Loan Origination System) for Saison Omni

  • LOS is a tool that helps financial institutions generate loan documentation that meets regulatory and internal requirements. It's a tool that supports the loan application and disbursal processes.

My role

  • Helped the team launch MVP

  • My pivotal contributions involved taking ownership, collaborating closely with PMs & designing key features that streamline the lending process.

  • I contributed and took charge of maintaining a design system.

Impact
  • The platform is currently being used by final institutions like Credit Saison India and banks like IDBI, CBI

  • Approx. 20cr monthly transactions are happening through this platform

1. Helped team build Omni’s own design system

After we launched our MVP, one of our initial challenges revolved around developer handoffs. Without an unified design system in place, the shipped designs lacked consistency, resulting in numerous adjustments during handoff processes. This significantly lowered our efficiency.

So to streamline this process, along with another senior designer, I helped him in developing and maintaining the design system.

Impact
  • Product cycle process became faster

  • Less changes were required after hand-off

  • Designs were consistent and cohesive

  • Design team were able to iterate new designs faster

2. Conducting UI audits

Once the design system was launched, we saw some good adoption rate from dev team. But we also started seeing some inconsistency from design and development. So I took the initiative of auditing live designs to understand the gaps, made the list of issues, collaborated with developers to resolve the issues.

3. Query page

I led the creation of the "Query" feature, which is crucial for our banking platform. This allows banking staff to ask and resolve any questions or issues they have about applicant details. It simplifies communication and problem-solving, making the workflow smoother and more transparent.

4. Document section

This is online record of applicant details that used for risk assessment by banks associated with lending money to customers.

  • The information provided in the documents helps banks make informed decisions about whether to approve a loan, the loan amount, and the terms and conditions.

  • Banks need to verify the information provided by loan applicants to prevent fraud and ensure accuracy.

This feature involves uploading, tagging file to right document category & person etc. I conceptualised and shipped this feature.

5. Application detail page

Everyday, banking people will go through each applicant details and approve/reject applications based on given rules & conditions. So it's a data heavy and very crucial screen. I had to primarily account for space optimisation, show as much as information, as most of the users use low resolution laptops, but at the same time not overwhelm them with too many text walls.

Handling this was challenge as we had to play around with different layouts, typography, dividing and hiding data.

6. Command palette

I teamed up with developers to introduce the command palette feature. This idea came after speaking with bank users and learning that they also preferred using shortcuts to navigate the product as they are most used to that. Upon release, the feature was quickly embraced, with a 60% adoption rate.

7. Progress tracker

Among the various tasks our users perform on the platform, uploading and downloading files are primary activities. While some of these actions are swift, taking less than a minute, others require more than 5 minutes. Recognising the need to keep users informed about these processes, I designed a process tracker widget to provide real-time feedback.

But the problem we faced was, there were instances where displaying real-time information about the upload or download progress, or estimating the time required for the process, may not be feasible. The challenge was designing the widget elements configurable so that the development team could configure them based on the context.

Other variants

To address this, I created a component with both deterministic and indeterministic loaders variants. This allows developers to toggle the display of percentage completion as needed.

8. Login/register flow

I designed the entire registration flow to onboard bank users. Not going through this in details as this is standard login designs.

Also created illustrations for welcome screen.