Customer Portal - EasyKnock

Design of the EasyKnock customer portal, a B2B experience created for customers going through the process of leasing their home to EasyKnock or selling a portion of it. The process was comparable to a mortgage transaction in complexity, involving multiple actors, underwriting, and final closing steps.
2024
CLIENt
Role
UX Lead

Background

The portal was designed to support multiple products with similar but distinct flows. It needed to maintain consistency while remaining flexible enough to accommodate each variation.

Key challenges addressed

Lack of transparency
The 4–6 week process felt long and stressful to customers. Many felt left in the dark without clear updates on progress.

Communication breakdowns
With multiple actors involved (sales, underwriting, inspectors, appraisers), communication was inconsistent and caused delays.

Inefficiencies
Several manual, repetitive steps created unnecessary work for internal teams.

Low financial literacy
Customers needed accessible, timely guidance to make informed financial decisions after closing.

Need for contextual education
Many steps involved sensitive or unfamiliar tasks. We needed to explain why each step was happening and help customers understand how to achieve the best possible outcome with the tools available.

Users

The typical customer was in a financially vulnerable position, often needing funds urgently. They were overwhelmed, uncertain about the process, and unsure whether they were making a sound financial decision. They lacked visibility and control.

Sell & Stay Customer Portal Persona


My Role

I led UX design in partnership with the B2C product owner. The initiative was cross-functional, impacting different teams and internal tools. I aligned user needs with business priorities, collaborating closely across marketing, sales, transactions, underwriting, property management and engineering departments.

Process and Impact

Research & Analysis

We analyzed the customer steps across different product lines to identify shared patterns and product-specific requirements.

Persona & Journey Mapping

Based on our research, and after mapping the activities of internal teams, third parties, platforms, and email-only communications, we created specific journeys for each product while identifying their common elements.

Part of the closing process mapping


Competitor & Pattern Benchmarking

While there were few direct competitors, we looked at high-performing customer portals and applicable UX patterns.

Slide of the benchmark design patterns deck

Information Architecture & User Flows

Custom flows were defined for each product variant, maintaining structural coherence across the experience.

Balance product flow architecture

Scoping & MVP Planning

All features were designed upfront, with phased development planned. MVP focused on reducing uncertainty and automating repetitive internal tasks.

Design

Mobile-first, with desktop support for more detailed actions. Core features included:

Closing Overview

This feature clearly outlined the entire process, highlighting key tasks, expected timelines, and responsible parties to help set customer expectations. It was included at launch and quickly became the most visited page in the portal, essential for giving users a sense of clarity and control.

Co-ownership and sale leaseback closing overview

Steps & Tasks Tracker

Highlighted the current step, how many steps were left, and the estimated timeline to closing—without overwhelming users with too much information. It also showed any tasks the customer needed to complete and summarized what to expect next. The copy adapted based on what they had already completed, and clearly indicated when no action was needed on their end.

Co-ownership step tracker

Educational Content

Every step or task included a custom educational section. Since our audience primarily used Facebook and enjoyed consuming content in video format, we adopted a short, story-like style inspired by social media. For users who preferred reading, we also included FAQs to provide the same information in written form.

Contact Directory

We focused on giving customers clear access to their team and contact details. This allowed them to understand who was supporting them and how to get in touch when needed.

Forms & Info Collection

We created additional forms for data collection required by underwriting. These could be triggered from Salesforce based on specific use cases.

Financial Tables & Calculators

Summarized key financial terms from deal documents & enabled users to explore potential deal outcomes.

Outcomes / Results

  • The transaction management team reported a significant reduction in customer support inquiries.
  • Internal teams saved time on tasks that were automated.
  • Coordination between internal teams and third parties, especially for transaction managers, became smoother.
  • Customer surveys revealed positive feedback: users appreciated understanding the steps, knowing what was happening, and who was responsible. This clarity helped them address concerns more effectively.

Learnings

This project was complex on several fronts:

  • It required close collaboration across multiple departments and alignment between internal platforms to deliver a cohesive customer-facing experience.
  • We needed to track communications and documents sent to users outside our core systems.
  • Identifying key educational gaps not being addressed by internal teams or third-party vendors helped us design more valuable content.
  • System and timeline constraints shaped design decisions, but we found creative ways to meet user needs within those limits.
  • Deeper collaboration with underwriting and transaction teams resulted in stronger alignment between workflows and user experience.
next

EasyKnock Financial Estimate Redesign

EasyKnock was a startup offering financial products to help homeowners access the equity in their homes. The legacy financial estimate was confusing and didn’t give customers the tools they needed to understand the product and make an informed decision.