HyperVerge: brand-adaptive Lottie animations for a KYC SDK

HyperVerge makes KYC software that banks, telecom companies and NBFCs add to their own apps to verify a customer's identity. When someone submits a selfie or a document, the checks run in the background and take a few seconds to come back.

With nothing moving on screen during that wait, people assume the app has frozen and close it — and a KYC check abandoned halfway is a customer the bank doesn't onboard. HyperVerge wanted animations that fill the wait and show which stage the check has reached.

The harder part was branding. HyperVerge's own colour is purple, but the SDK runs inside someone else's app: SBI's screens are blue, Axis Bank's are magenta. A purple animation would look out of place in all of them, and building a separate set of animations for every client wasn't practical.

We built the animations as .lottie files with the colours kept as variables instead of baked into the artwork. When the SDK starts up, the developer passes a single hex code and the animation renders in that bank's brand colour. There's no new file to export, no rebuild and no request back to us when HyperVerge signs a new client.

File size mattered as much as colour. An SDK is something other companies have to ship inside their own apps, so every kilobyte it adds is noticed. We compressed each animation to 30–50 KB, small enough to add almost nothing to the SDK's size.

The same files run on HyperVerge's Android SDK, iOS SDK and web flow, so their team maintains one animation set rather than three.