Logo icon

Brian Milner

Haven Engage v4

Engage v4 transforms a basic web tool into a modular platform. With flexibility and scalability, v4 empowers homeowners with user-centered mortgage management, delivering personalized insights and seamless experiences across devices.

  • 2023 - Present

  • Mortgage

  • Principal Product Designer & Design Lead

  • Web, Mobile

Haven Engage design preview

The Opportunity

The original Engage platform faced critical challenges as a mortgage tool, offering a disjointed and rigid user experience that failed to engage borrowers effectively. Users struggled with navigating their loan information, and the platform's lack of flexibility made it difficult to deliver tailored content and actionable insights.

This led to low user engagement, decreased recapture rates, and an inability to meet the business's evolving needs for a scalable, personalized, and responsive white-label dashboard. A transformation was needed to create a modular platform that would provide clarity, boost engagement, and deliver a seamless user experience across devices.

My Role & Team Dynamics

As Lead Product Designer, I transformed the platform from a basic tool into a modular, responsive dashboard by defining its vision and collaborating with other teams.

  • Defined the design strategy and vision to enhance user experience, streamline mortgage management touch-points, and deliver a modular platform responsive to user needs.
  • Collaborated across product, engineering, and research to align business goals with user-centric design, ensuring a unified platform experience.
  • Developed scalable UI components and UX patterns, enhancing consistency across the dashboard and reducing design and development time.
  • Conducted user interviews and testing to refine features and ensure they met user needs, leading to data-driven design improvements and increased usability.
  • Facilitated design critiques and workshops, cultivating a feedback-focused culture and promoting iteration for improved visual design and user flows.

Results, Impact, & Metrics

The Engage v4 Dashboard redesign improved user engagement and platform performance, driving measurable results in adoption, satisfaction, and operational efficiency.

  • 8x Recapture Rate Increase: Enhanced personalization and responsive design drove a significant rise in recapture rates.
  • 74% Growth in Monthly Active Users (MAU): The redesign increased user activity and improved platform adoption.
  • 23% Boost in User Engagement: Better UX and intuitive flows led to increased interactions with core features.
  • 56% Increase in First-Party-Data Collection: Improved user interactions led to a significant rise in collecting key first-party data, enabling better personalization and recapture efforts.
  • 50-80% Faster Design & Development Cycles: Implemented a scalable design system, improving efficiency & consistency.
  • 30% Improvement in Customer Effort Score (CES): Streamlined and responsive design simplified the experience.
  • 100% Client Migration in 3 Months: Complete adoption across all clients, validating Engage v4’s effectiveness.

Discovery

Our discovery process involved reviewing existing user feedback, analytics, and client requests. Additionally, we conducted audits and rapid research to identify emerging business needs, client goals, and user requirements.

Haven Engage design preview
The v3 dashboard, which had ~900k users live, that we audited for a redesign

“It’s so frustrating that I can’t even see my mortgage balance or make a simple payment quickly. This is the main reason I log in, and it feels like I have to hunt just to find the basics.”

- Ian C, previous v3 dashboard user

User Pain Points

Users found it difficult to access key mortgage details quickly, struggled with a lack of personalization, and were unable to easily navigate or engage with the platform to accomplish their jobs-to-be-done. Also, the lack of an optimized mobile and a native app was a serious pain point for users.

Business & Client Needs

The old dashboard saw low user engagement, lacked scalability, and provided an inconsistent experience that did not fully align with client objectives for a more holistic, user-focused servicing platform.

Design Challenge

The old design was outdated. Limited flexibility and technical constraints hindered scalability, prevented personalization, and made it challenging to introduce quick improvements or modular components.

Insights & Opportunities

Our research uncovered 4 key areas of improvement: enhancing visibility for borrowers to easily access mortgage servicing, creating a more flexible and modular design to scale with client needs, make it accessible on the go, and introducing personalization to engage users more effectively. These insights shaped our strategic approach to the Engage v4 Dashboard, focusing on clarity, customization, and a seamless user experience.

Hypothesis

Our hypothesis was that by addressing key user pain points and business needs, we could create a more engaging, intuitive, and scalable platform for users and clients alike. We proposed the following strategic improvements:

1

Enhancing Usability for Key Tasks

We believed that making payment and mortgage details front and center would simplify the user journey. By surfacing essential actions directly on the dashboard, we expected to reduce friction and improve task completion rates.

2

Personalizing Content & Insights

By gathering user goals and leveraging platform interactions, we hypothesized that we could deliver tailored insights—particularly around equity and mortgage—leading to increased platform engagement and value.

3

Streamlining Navigation & Access

Our goal was to implement a responsive, modular design that ensured users could seamlessly navigate across devices. We hypothesized that a well-organized mobile-optimized interface would result in better user satisfaction, adoption, and drive overall client satisfaction.

4

Scalability through a Design System

We also aimed to create a scalable design system that would not only provide a consistent user experience but also improve internal efficiency. By standardizing UI components and modularizing the UI, we anticipated reducing design and development cycles, enabling quicker updates.

Mortgage-at-a-Glance

Addressing the core needs of our users—making payments, reviewing loan details, and managing their mortgage—we introduced the ’Mortgage at a Glance’ module as an essential part of the dashboard experience.

The Opportunity

Our users needed quick access to essential mortgage information without navigating through multiple sections.

Paying their mortgage, checking loan details, and managing their documents were critical tasks that the previous interface did not adequately support. The challenge was to make these ’table stakes’ features more accessible and intuitive, reducing friction and improving satisfaction.

Mortgage at a glance

The Solution

To address these needs, we designed the ’Mortgage at a Glance’ module—a key dashboard feature providing users with a clear snapshot of their mortgage. This module includes:

  • One-Click Payments: Access payments from the dashboard.
  • Loan Details Summary: Key info displayed at a glance.
  • Servicing Links: Links to key mortgage servicing tasks.

Outcomes & Impacts

The ’Mortgage at a Glance’ module became the cornerstone of our user experience, addressing the primary jobs-to-be-done efficiently. This streamlined access to critical features led to:

  • 23% Increased User Engagement: With essential tasks more accessible, user interaction with the platform increased as they could easily access payment options and loan details.
  • 30% Improvement in Customer Effort Score (CES): The streamlined, responsive design of the ’Mortgage at a Glance’ module made managing mortgages significantly easier for users, leading to a marked improvement in their effort score.
  • Improved User Satisfaction: Feedback consistently showed that simplifying the payment process and offering a clear overview of loan details greatly enhanced the overall user experience.
  • Reduced Support Queries: By centralizing mortgage management tools, anecdotal reports from clients indicated a decrease in user support requests related to payment processing and account management.

Home Equity

The Home Equity Module was developed to empower users with insights into their mortgage equity. By providing a clear and comprehensive view of their equity, the module aimed to help users make informed financial decisions, whether it’s refinancing, home improvement, or exploring other opportunities.

The Opportunity

Previously, users could not access detailed information about their mortgage equity. The absence of an easy-to-use equity overview meant that many homeowners were unaware of their financial potential, limiting their ability to make proactive decisions about their mortgage and leverage their greatest asset.

The Solution

To bridge this gap, we introduced the Equity Module, dynamic dashboard component providing a comprehensive snapshot of the user's home equity.

The module features:

  • Real-time equity data & personalized insights
  • Collection of first-party data essential for our recapture partners
  • Options for leveraging equity, opening up new opportunities aligned with users' financial goals
Engage Home Equity module design

On The Go With Mobile

We implemented a fully responsive dashboard, ensuring that all features were easily accessible and optimized for mobile users, providing a consistent experience across devices.

Engage mobile design

10%

v3 mobile usage

70%

v4 mobile usage

Redesign Drives Massive Shift to Mobile

A responsive redesign improved access and navigation, driving a 7x increase in mobile usage.

Haven Engage v4 Dashboard

Our goal was to create comprehensive and well-rounded resources for the digital experience teams at NCR, so we focused on internal tools. Our aim was to provide a solid foundation with core buil

Haven Engage dashboard design

Go to the next project

NCR Design System