The problem wasn't functionality, it was perception.

Terafina provides account opening software for banks and credit unions across digital, call center, and in-branch experiences. The platform supported a wide range of financial products, but growth had stalled. The product didn't feel trustworthy, and it wasn't easy to use.

Focus
Design system, white-label configuration
Scope
Web, tablet, and in-branch
Outcome
Completion rates up 12%
The Terafina platform before the redesign, on a phone, a tablet, and a desktop. The interface looks cluttered and hard to use.
The platform before the redesign.

Clarity was missing at every level.

The platform was built to be flexible and customizable, but the presentation layer hadn't evolved to support that. The result was a cluttered, inconsistent experience that made it hard for users to understand what they were looking at, let alone complete an application.

That made it harder to sell, harder to adopt, and harder for applicants to complete.

The work focused on clarity, trust, and making the product easier to adopt.

The work focused on improving clarity and trust across the platform, while making it easier for clients to adopt and customize.

That meant rethinking the presentation layer, simplifying application flows, and introducing a more flexible system for branding and configuration.

We started at the foundation and let the system scale from there.

Instead of redesigning screens in isolation, I focused on rebuilding the system from the ground up, starting with atomic elements and letting those decisions scale across the product.

This made it possible to improve consistency, reduce cognitive load, and create a more cohesive experience without requiring a complete rebuild.

Small changes made the experience feel clearer and more trustworthy.

Application flows became clearer and easier to follow. I introduced a progress stepper across devices, giving users a better sense of where they were and what remained. Hierarchy and content were reworked to reduce friction, surfacing important information instead of hiding it.

A white-label system made it easier for clients to apply their own branding without heavy development effort. This reduced implementation complexity and made the product easier for new clients to adopt.

Terafina style guide: the typography scale Terafina style guide: the color system Terafina style guide: the progress stepper component Terafina style guide: general UI components Terafina style guide: form and card components Terafina style guide: dropdown states

The product became easier to use, easier to sell, and easier to adopt.

The platform became easier to understand, giving both users and clients more confidence in how it worked.

Reducing cognitive load and improving consistency led to a measurable decrease in application abandonment, with completion rates improving by 12%.

The flexible branding system made the product more accessible to new clients, supporting adoption without increasing implementation complexity.

The Terafina platform after the redesign, on a phone, a tablet, and a desktop. The interface is cleaner, more consistent, and easier to follow.
The platform after the rebuild.

In products like this, clarity has to be built into the system, not layered on top. That's what makes the experience hold up over time.

Next project

Next · Union Home Mortgage

A design system built for a team of backend engineers

View project