Mr. Cooper Mortgage Platform

As a mortgage servicing platform, payments had to be front and center - the vast majority of users only log in when they need to modify payment information or make a payment.

We next go on to answering questions - what are the details of my loan? Did something recently happen with it? The smartest homeowner section ends the page with important mortgage and property tools that help build rapport and value with their customer base, that didn't always choose to work with Mr. Cooper (Mortgages can be bought and sold)

Their platform needed to be white-labeled, which was an challenge. How do you have a white labelled platform that's based on something highly opinionated like their brand?

We chose a 3 primary color system: - Primary - base primary color, used sparingly as an accent, most interactive. - Primary Interactive - exclusively for interactions - Interactive Accent - exclusively for 'hero' interactions.

For Mr. Cooper, their cyan could be used for all 3, but for white-label customers, it provided a level of fidelity while respecting cognitive load concerns with color.

Due to legacy platfrom constraints, auto-pay and one time needed to be distinct interfaces rather than a singular experience. To avoid user-confusion, we made sure the top of each page was the most distinct (while re-using other components) - that way a user would have an instant visual 'shape' cue that they were in the place they intended.