Loan Officer Portal
My Role: Lead Product Designer
Completed: October 2024
Number of users: 96 Loan Officers
ProblemThe current experience was completely manual and relied on spreadsheets, leading to inefficiencies and errors.
SolutionCreate a platform that services 100% of the Loan Officer tasks and support their workflow efficiently.
ImpactLoan Officers were able to service their clients better and the product team had a clear roadmap for new features. Loan officers can now complete tasks more efficiently and with fewer errors, allowing for faster approval.
The Current Process
Working with the subject matter expert we mapped out the current process and identified key pain points. There was already a system in place, but it had significant limitations and was not feasible to scale the process to external users and more mortgages.
- The previous experience was heavily reliant on Excel files, emails, and personal relationships to function.
- All issues required the Loan Officer to call their Loan Officer directly, leading to delays and inefficiencies.
- There was no automated notification system, so updates had to be manually communicated.
- There was no centralized system for tracking issues, causing confusion and duplicated efforts.
- Loan Officers had to manually track the status of their clients' applications, leading to errors and missed deadlines.
- It was impossible for external groups to do anything in the system without manual intervention.
- Despite these issues, the system supported 2400 mortgages and 96 Loan Officers across 2 cities, indicating its core functionality was effective.
MVP Experience Mapping
We had to move quick, so we moved straight into creating a wiremap, this would provide a good level of detail to start making design decisions.
- Wiremap shows the flow of the experience.
- Opportunity to layout information architecture, without all of the details.
- Quickly get buy-in from stakeholders.
- Developers could understand the flow and dependencies of the MVP quickly and start giving a basic T-shirt size.
Dashboard View
At this point, it was clear that one of the most beneficial tools we could create was a dashboard that would make it possible to view key metrics and track the status of client applications efficiently.
The dashboard provides an overview of key metrics and allows Loan Officers to track the status of client applications efficiently. This allowed us to explore vizualizations. Creating the a central hub for all content would be a huge step forward.Go to Dashboard Project
- The previous experience was heavily reliant on Excel files, emails, and personal relationships to function.
- All issues required the Loan Officer to call their Loan Officer directly, leading to delays and inefficiencies.
- There was no automated notification system, so updates had to be manually communicated.
- There was no centralized system for tracking issues, causing confusion and duplicated efforts.
- Loan Officers had to manually track the status of their clients' applications, leading to errors and missed deadlines.
- It was impossible for external groups to do anything in the system without manual intervention.
- Despite these issues, the system supported 2400 mortgages and 96 Loan Officers across 2 cities, indicating its core functionality was effective.
Loan Details IA
Putting all of the pieces together from different conversations helped us collate content and figure out if there was anything missing
- Lower fidelity information architecture helped us focus on details in future efforts.
- Start laying out content and get a basic buy-in from the product team and/or stakeholders.
- Start figuring out where there was more detail or roadblocks that needed our attention, while we had time.
Framework
While working alignside the product team to start understand what content would be part of the MVP, I put a framework together that would be flexible enough to be used in many places but also be simple enough to build quickly.
- Consistency: Ensures a uniform look and feel across the entire application.
- Responsive Web Design: Easily adapts to different screen sizes and devices.
- Accessibility: Built-in support for accessibility standards.
- Customizability: Highly customizable to fit specific project needs.
- Time-saving: Reduces development time with pre-built components and styles.
- Community Support: Large community and extensive documentation for troubleshooting and enhancements.
Loan Details
Working with the BA we documented what the Loan Officer would care about and understand more about how statuses affect the LO workflow.
- Provides a quick overview of the loan status, reducing the need for detailed searches.
- Helps Loan Officers prioritize their tasks based on the status of the application.
- Improves decision-making by presenting key data points at a glance.
- Reduces the time spent on manual data entry and status updates.
- Enhances communication with clients by providing clear and concise status updates.
- Facilitates better tracking of loan progress and identification of bottlenecks.
- Supports compliance by ensuring all necessary data points are captured and displayed.
- Increases overall efficiency by minimizing the effort required to access important information.
Services
The services section is where LO's can request credit checks, I reused the table pattern and the fraework to make something that feels coherent and consistent.
- Consolidated batch requests and services from various departments into a single platform.
- Reduced the number of user inputs required to complete tasks.
- Streamlined common tasks to ensure they are completed in a timely manner.
- Improved efficiency by minimizing the need for manual data entry.
- Enhanced user experience by providing a centralized location for all necessary services.
- Facilitated better tracking and management of requests and services.
Documents
As one of the most common tasks, the documents section needed to be ambitious. Creating an easy to use table that would help LO's service any missing documents. Understanding the different statuses and when an LO needs to do something would supercharge the usefulness of this page.
- Centralized all documents into a single place, making it easier to find and manage them.
- Provided a clear overview of document statuses, with notifications for missing or outdated documents.
- Allowed for easy uploading, downloading, and secure sharing of documents with clients and team members.
- Integrated with other systems for automatic status updates and included search functionality to quickly find specific documents.
- Enhanced security features and version control to protect sensitive information and track changes to documents.
Contacts
The services section is where LO's can request credit checks, I reused the table pattern and the fraework to make something that feels coherent and consistent.
- Designed elegant cards that display all necessary information in a visually appealing manner.
- Ensured the cards are responsive and adapt seamlessly to different screen sizes and devices.
- Incorporated interactive elements to enhance user engagement and provide quick access to detailed information.
Communications
The communications section was being worked on via another project so keeping it simple while getting a start on this tab.
- Centralized communication platform for all client interactions.
- Integrated messaging system to streamline communication between Loan Officers and clients.
- Automated notifications for important updates and reminders.
- Secure and compliant communication channels to protect sensitive information.
- Easy access to communication history for reference and auditing purposes.
Results Achieved
The Loan Officer Portal significantly improved the efficiency and effectiveness of loan officers. By providing a comprehensive and user-friendly platform, loan officers were able to manage their tasks more effectively. This resulted in:
- Increased Efficiency: Loan officers could access all necessary information and tools in one place, reducing the time spent on administrative tasks.
- Improved Decision-Making: Enhanced data visualization and clear status updates helped loan officers make informed decisions quickly.
- Better Client Communication: Centralized communication tools improved the quality and speed of interactions with clients.
- Higher User Satisfaction: The intuitive interface and comprehensive features led to higher satisfaction rates among loan officers.
- Scalability: The platform supported a growing number of users and could easily accommodate new features and updates.