Payment &

Compliance

Automation

disbursal account

INR 20,00,000

Total amount

INR 40,00,000

Total employees



Pay Total Amount

PAYMENT AUTOMATION

Total amount

INR 40,00,000

Total employees

2000

Pay Total Amount

PAYMENT AUTOMATION

Total amount

INR 16,00,000

Total employees

3000

Pay Total Amount

SALARY PAYMENT

Total amount

INR 40,00,000

SALARY PAYMENT

Pay Total Amount

Total employees

2000

Total amount

INR 2,00,000

COMPLIANCE PAYMENT

Make Compliance payment

Total employees

250

Helped Keka provide payroll automation for small-midsize businesses

88%

success rate in beta release

90%

users said the experince is simple & easy

OVERVIEW

Problem Statement

After completing payroll calculations, the following steps of distributing salaries to employees and filing compliance were done manually, highlighting a lack of a fully integrated solution for the entire payroll process.

Manual Salary Disbursement

Manual Compliance filing

End to end solution missing

Market automation trend

Solution

Timeline

2 Months

Feature enhancement

Project Info

Primary UX Designer

UX Researcher

My Role

We introduced a user friendly way of transfering salaries and filing compliances. We created a wallet, enabling seemless fund transfer post payroll-finalization. With just a click, users can effortlessly disburse salaries and initiate compliance filings, all managed conveniently from the wallet.

Easy and reliable wallet

Transfer funds to your wallet anytime and use it to make payments. Its fast and secure.

disbursal account

INR 20,00,000

One Click Salary Transfer

Transfer funds to your wallet anytime and use it to make payments. Its fast and secure.

total amount

INR 20,05,000

total Employees

605

Pay total amount

Paid

Default batch

605 Employees

processing

Default batch

605 Employees

Smooth Compliance Filing & Payment

Transfer funds to your wallet anytime and use it to make payments. Its fast and secure.

TDS

PF

ESI

PT

Initiate by 7 Apr 23

4 Days left

pending

Review & pay

Paid on 8 Apr 23

Paid

Paid

RESEARCH

Competitive Analysis

We looked at similar softwares that provide payroll services along with automation. Among many payroll providers RazorpayX Payroll and ADP payroll emerged as direct competitors for small - mid size organisations payroll service providers.

After analysing the strengths and weaknesses of our competitors we needed to filter out what we really want to improve and focus on.


Here are the areas we identified for improvement:


RazorpayX Payroll has a major disadvantage of not allowing users to file or pay for different compliance at different times. Also we heard from customers that Salary disbursal and Compliance payments happen at once which they have no control until they change the default setting.


Our competitors were providing easy setup which is really being appreciated. We aim to do the same by improving on the UX a bit more so new customers can be onboarded quickly and effectively.

Understanding customer needs

Following the finalization and calculation of payroll, the subsequent steps involving the disbursement of salaries to employees and the completion of compliance filings were entirely manual. This felt like a deficiency in delivering a comprehensive end-to-end solution for payroll calculation, salary distribution, and compliance filing processes.

Persona

We really wanted to create this solution keeping in mind the problems faced for salary disbursal and compliance filing in small to mid size businesses. Typically, in early-stage small startups, the CEO handles all responsibilities until a dedicated finance professional is onboarded. Similarly, at times, HR may take on the role of a finance person.

Ajay Kumar

32 years

“I am the CEO of a startup looking to

streamline the process of payroll

and get things done quickly”

Needs:

Need to disburse employees salary easily.


Want to file and pay for compliance within the deadline and remain compliant.

Frustrations:

Too much work now. Need to send transfer statement to bank and rely on their timings to transfer salaries. No control.


Filing compliance takes a lot of time and I don’t have time as I only want to focus on growing my business.

Shilpa Rao

28 years

“I am a HR manager in a small startup

responsible for looking after company

culture and finance”

Needs:

Want to disburse employees salary on time and accurately.


Don’t want to invest too much time on compliance filing and payment.

Frustrations:

Takes a lot work to disburse the salary to employees like reaching out to the bank every time.


Don’t have much knowledge in compliance filing, thus facing problems in filing various compliances.

DESIGN

This feature has multiple stages and touch points

User Onboarding

User initiates KYC

KYC Verification

CS verifies KYC

Salary Payment & Compliances

Compliance filing & salary disbursal

Ideation

I broke the feature down into manageable parts and brainstormed solutions for them. Some aspects had a route that was already defined, while for others, I explored various potential strategies.

After a lot of discussion and back and forth conversation we concluded on the scope and how we want to approach each part of the feature. For eg: we realised that we need to deploy both payment automation and compliance filing together (earlier due to timeline issues managers have planned separate deployment), therefore we will create a single onboarding flow for both.

Here are the core decisions made:

KYC will be needed for

user onboarding

Show due date for salary payment & compliances

Wallet to show account

balance

Feature banner in the product

Marketing video for feature

introduction

Two stage release of the

feature

Early stage design explorations

Once the requirement was finalised, just directly into white boarding a very high level version of how the final design might look like. Now its time to create something on figma and place the key elements on the screen so further design process can be made.

We had already created a simple solution in case KYC might not be needed for user onboarding but due to legal and compliance issues we had to incorporate KYC in the flow. This requirement changed the flow drastically.


Will be listing the iterations with KYC verification here. We can sure discuss on the flow when KYC was not needed if better design clarity is needed :)

Steps for automation setup

Iteration I

KYC verification is asked after Salary disbursal and Compliance automation steps. I thought of this because of two reasons:

Introducing the feature and the requirements as early as possible to the user

Not letting KYC Verification become a blocker

Iteration II

KYC verification is asked before Salary disbursal and Compliance automation steps and both these automations are combined under a section ‘Setup automation’.

Iteration III

This is similar to the 2nd iteration. Only difference is that Salary Disbursal Automation and Compliance automation are separated.

We decided to go ahead with Iteration II

Reasons:

  1. We wanted the user to perform KYC as mandatory step if they want to setup automation. If KYC verification step is after automation setup they might enable automation but might not perform KYC which is not ideal.

  2. Combining automation under one section provides better context and makes the options clearer.

We were only providing compliance automation for single pay group tenants as of now. Therefore for multiple pay group clients we thought of showing ‘coming soon’ for Compliance automation.

For single pay group

Getting started

Finishing up

KYC Verification

Learn how automation works

Submit documents for verification

Automate payments & filings

Getting things ready

Setup automation

Salary disbursal

TDS

PF

ESI

PT

Getting started

Finishing up

KYC Verification

Learn how automation works

Submit documents for verification

Automate payments & filings

Getting things ready

Setup automation

Salary disbursal

TDS

PF

ESI

PT

For multiple pay group

Getting started

Finishing up

KYC Verification

Learn how automation works

Submit documents for verification

Automate payments & filings

Getting things ready

Setup automation

Salary disbursal

TDS

Coming soon

PF

Coming soon

ESI

Coming soon

PT

Coming soon

Designing wallet (Disbursal account)

Designing a wallet was an important part of this feature. Through this wallet user will

get to know what is the current balance, how much fund is required to make payments for the respective month or the transaction history.


I created multiple design iterations keeping in mind two things:

  1. User should be able to easily locate the wallet on the screen

  2. It should be distinguished from other UI element but should not dominate


Some of the iterations:

disbursal account balance

INR 50,000

disbursal account balance

INR 50,000

disbursal account balance

INR 50,000

disbursal account balance

INR 50,000

disbursal account balance

INR 50,000

disbursal account balance

INR 50,000

disbursal account balance

INR 50,000

disbursal account balance

INR 50,000

disbursal account balance

INR 50,000

We went with the simplest design with some gradient

to create distinction

Wallet states

Low account balance!

INR 30,000

Ideal

Balance low

Payment initiated (Approval chain)

disbursal account balance

INR 10,000

disbursal account balance

INR 50,000

Final Design

We made a number of important decisions on how to visualise and execute each step of the setup process and beyond that.


I'm unable to share the full design details here, but I'm open to discussing them in-depth with you. Feel free to reach out for a detailed conversation.


View complete design here


I am sharing some of the screen designs here for better understanding:

EVALUATIONS AND ITERATIONS

User testing and Beta release

We released this feature only for a bunch of clients who requested for this and were willing to use it as soon as possible. Since this feature required a lot of help from the finance team(keep note of transactions and compliance credentials) and customer support team(verifying KYC and resolving customer issues), success of this feature depended highly on them.

Some good words from our customers

This is much better than what is present in the market now.


The onboarding is very smooth and easy.


We have a lot of control on how and when we want to use funds.

Sweet feedback and questions

Can you tell us the pricing upfront. That will help me make a decision.


Not able to understand how the complete process of automation is going to work. Knowing the process should help.


How much time will each process time? By when can I start using the feature if I setup now?

Measuring success and metrics (Beta release)

Following the complete release, we'll have improved

metrics for measuring adoption.

88% success rate with beta release

Release automation for 9 early users, out of which 8 are using the feature now

100% of the users completed KYC verification

Most of the users found the process to be easy

Average time to setup is 4 hrs 23 min along with KYC verification

KYC verification is being done manually by the support team as of now

Feedback and Design iterations

Once we got the feedback from our Beta customers I started working on them to provide a better experience. Below are the iterations and design on how I worked upon the feedback.

Show pricing upfront

When we released the feature, in the first step we were already showing the pricing for payment and compliance automation upfront. We released that as there are many elements on the screen pricing is not taking users attention which is a major decision making factor while adopting this feature. Here is the minor card redesign.

Salary Disbursal Automation

Pay your employees’ salary in a single

click

INR 3 per employee for every transfer

Compliance Automation

Automate filing and payment for TDS,

PF, ESI, PT

INR 30 per employee every month

Highlighting the price

Salary Disbursal Automation

Pay your employees’ salary in a single

click

INR 3 per employee for every transfer

Compliance Automation

Automate filing and payment for TDS,

PF, ESI, PT

INR 30 per employee every month

Explaining the complete process

One straight forward way to explain the complete process was to include a video on the introductory screen. So this was one iteration I made.

But there were two major problems with this approach:

  • Our user persona (i.e Finance admin/ HR admins/ CEO) usually don’t go through video but rather prefer easy to understand illustrations. I am not sure why but it may be due to time constraints. I thought of testing it but couldn’t due to the reason mentioned below.

  • When we discussed what kind of video we want with the marketing team they informed it might take some time which might have delayed the release of this feature

Now other way was to explain the process through illustrations. As I created iterations I discussed with my PM and other designers and incorporated their feedback.

View all iterations here

FUTURE STEPS

Automation for multiple pay group clients

In Keka users can create multiple pay groups for a single legal entity. Pay group is simply grouping employees whose payroll you want to execute together. We created automation for single pay group tenants only due to complexity in compliance. In future we aim to simplify the compliance architecture of the system and then expanding automation for multiple pay groups. This will help us get more customer using automation.

Connected banking as an option

Complete purpose of automation was to create an easy to use system to disburse employees salary. One of the ways my seniors had tried before was using connected banking but due to some unforeseen reasons they had to discontinue it. Although we have created automation(which users a third party to transfer funds), some customers had preferred connected banking. We might work on it based on the response and support we get from banks.

Using guides to help users along the way

To increase adoption and help users along the way we will be creating guides. We have explored Pendo (a product experience software) to create in-product guides and track adoption.

Rolling out automation to all the customers

We are planning to roll out this feature to all the customers once the feature marketing video is ready. I will be tracking the progress and adoption along the way.

Will update on the developments here :)

Designed with

and

© Utkarsh Mishra 2023. All Rights Reserved.

Create a free website with Framer, the website builder loved by startups, designers and agencies.