HMBradley

I joined at the company's inception and owned the entire product design process. During my tenure, I designed the v1 deposit account and the first Savings Tiers feature that rewarded users for keeping money in their accounts. When the company added a credit card offering, I redesigned the interface to accommodate future product expansions without requiring another overhaul.

I also led design through a partner bank migration, which meant maintaining the current product while simultaneously building the new one and designing the transition experience between them. Throughout this, I navigated constant compliance requirements that required balancing legal disclaimers with usable design.

The HMBradley Deposit Account is HMBradley's first and core product. It was important as a fintech banking platform to allow our users to, well, bank. I led the design, and subsequent redesigns of the deposit account as we grew, transitioned bank partners, and built out our core to accommodate more features.

For launch, the two most important priorities were to highlight our core offering, Savings Tiers, and to allow users to do their banking.

The first live version of the deposit account was very simple, with transactions front and center. No frills, but all basic banking tasks could be done, such as transfers, checking transaction details, and mobile check deposit (for mobile devices).

Savings Tiers was our way to reward users for good financial habits. Behaviour in the current quarter would affect next quarter's Savings Tier, so it was imperative that this was spelled out in big letters on the UI.

After some time, we introduced our second product, the HMBradley Credit Card. This meant the navigation had to be tweaked to accommodate multiple accounts. A new account header also had to be designed for Credit Card accounts.

This design introduced some problems. Every page in the app now had a contextual component on it in the form of a navigation bar and header set to an account. For account-neutral actions, such as checking account settings, having this added context only served to confuse users and complicate things for engineering.

I designed and user-tested a new home page, with the focus on figuring out if a dashboard view as an entry point made more sense. Instead of forcing users to see the deposit account every time they logged in, they could now see every account, and pick their own path.

The old navigation structure was very parallel, and the entry point being the deposit account was just because that was the first product we ever launched.

User tests showed that having an entry point that showed every path, and allowing users to choose, made it easier for them to find what they needed. It was also easier to build and maintain.

There was a period of weird in-between-ness due to us transitioning bank partners. While the engineers were working on the migration in the backend, we slowly rolled out new design elements for HMBradley 2.0 on the frontend.

The transition to our new bank partner was not without its fair share of work. Mostly, it was a balancing act of writing just enough legalese to stay compliant, but not too much that we would require our users to buy bigger monitors.

The intention behind this page was to be annoying. We couldn't automatically transfer user accounts to the new partner bank, meaning they had to opt-in voluntarily. I made not opting-in look as painful as possible, to motivate them to transition their accounts to our new partner bank.

A great deal of time was sent in the last year rebuilding our core from the ground up, to enable the possibility of building the actual cool features we dreamed about since day one. As a result, there's a ton of features in the pipeline, and what's currently live serves as a shell.

So the current homepage/dashboard looks something like this. Somewhat empty (and even emptier if you don't have a credit card account), but it's to serve as a foundation for actual dashboard-y things to come.

This is the next iteration planned for the homepage, where useful insights are presented to users, so that they can make better financial decisions.

And of course, the actual deposit account itself, is in a way, its own dashboard. We've come a long way from just being a page of transactions...

In late 2024, HMBradley re-branded to MBI and pivoted to building a modular infrastructure for banks to use. The core UI designed for the HMBradley consumer platform was repurposed and adapted for use in the new MBI platform.