Scaling property management for VendorPM

Scaling property management for VendorPM

Scaling property management for VendorPM

Scaling property management for VendorPM

Role

UX Lead — User Research, User Interviews, Ideation, Visual Design, Prototyping

Timeline

July 2021 – August 2021

Status

Shipped Q3 2021 🚀

Overview

VendorPM is a platform designed to streamline the way property managers and vendors (such as contractors, maintenance teams, and service providers) work together. As more users began onboarding to the platform, we saw that the Properties page was not being used to its full potential.

I led the end-to-end design direction of the Properties page and played a pivotal role in defining the team’s maturing Design System.

—Context

The Properties page provides Property Managers with an intuitive dashboard to efficiently track and view all of the buildings under their management.

It also offers the ability to easily add new properties to the portfolio and assign additional Property Managers to specific buildings, streamlining team collaboration and property oversight.

VendorPM’s current Properties page

—Brief

A new direction

A new direction

A new direction

A new direction

The Properties page plays a pivotal role in streamlining the transactions between Property Managers and Vendors. However, the Customer Success Team noted that this page is primarily used only when Property Managers need to add new properties, but tends to go underused otherwise.

To address this, we asked:

How can we make the Properties page more useful for both Property Managers and Vendors to manage property data?

How can we make the Properties page more useful for both Property Managers and Vendors to manage property data?

With this question in mind, I conducted a series of interviews with members of our Customer Success and Vendor Sales teams. I focused on gathering insights through key questions, such as:

  • What features of the current Properties page are effective, and which ones need improvement?

  • What information should Property Managers prioritize documenting?

  • How can Property Managers increase their response rate from vendors on Quote Requests?

Additionally, I was able to gather valuable feedback directly from our clients through product interviews, further enriching our understanding of how to enhance the platform.

—Findings

Inconvenience of adding/updating information

For Property Managers, we observed that the current Properties page had several limitations. Key property information, such as existing quote requests and past services, was not displayed or linked to each property.

Additionally, while Property Managers can add collaborators to properties, they aren’t able to do so directly from this page. This limitation has led to an increase in support tickets for the Customer Success team.

Out of platform communication due to lack of information

When Vendors receive a quote request, they typically need more detailed property information to provide an accurate service quote.

However, we found that Vendors often lack this essential information when receiving requests from Property Managers. As a result, Vendors frequently have to contact Property Managers outside our platform or arrange a site visit to gain a clearer understanding of the property.

—Ideation

With these goals in mind and the insights gathered from various stakeholders and company clients, I sketched a few low-fidelity wireframes to visualize how I could incorporate these concepts into the Properties page.

—Explorations

1.

A refreshed look

A refreshed look

A key limitation of the original Properties page was its lack of detailed information for each property, along with limited functionality for Property Managers.

Exploration 1: List View

This version incorporates a refreshed layout displaying additional information, such as previous and upcoming services for each building.

However, a drawback of this design is the excess white space for Property Managers who have only one building associated with their account.

This version incorporates a refreshed layout displaying additional information, such as previous and upcoming services for each building.

However, a drawback of this design is the excess white space for Property Managers who have only one building associated with their account.

This version incorporates a refreshed layout displaying additional information, such as previous and upcoming services for each building.

However, a drawback of this design is the excess white space for Property Managers who have only one building associated with their account.

Exploration 2: Map View

The second option is a map view, where all properties are shown on an interactive map.

While this view also provides relevant details, it has a high visual density and can become cluttered as more properties are added.

The second option is a map view, where all properties are shown on an interactive map.

While this view also provides relevant details, it has a high visual density and can become cluttered as more properties are added.

The second option is a map view, where all properties are shown on an interactive map.

While this view also provides relevant details, it has a high visual density and can become cluttered as more properties are added.

2.

Collecting information

Collecting information

Collecting information

Collecting information

When designing for the average Property Manager, it's crucial to keep forms simple and straightforward, ensuring they are as easy to complete as possible.

One challenge that I faced was figuring out how to collect the required property information and where to include these points of data collection in existing user flows.

One area of modification was the case in which a Property Manager would send out a Quote Request to several different vendors.

3.

A new page

A new page

A new page

How can we design this page to serve the needs of both Property Managers and Vendors effectively? I explored a new page to help users access this information more efficiently.

How can we design this page to serve the needs of both Property Managers and Vendors effectively? I explored a new page to help users access this information more efficiently.

How can we design this page to serve the needs of both Property Managers and Vendors effectively? I explored a new page to help users access this information more efficiently.

Exploration 1: Tabular

This version enables Property Managers to share and view detailed information about their properties.

This version enables Property Managers to share and view detailed information about their properties.

This version enables Property Managers to share and view detailed information about their properties.

Exploration 2: Default

Considering the demographics of Property Managers, the Customer Success team observed that they generally do not require a detailed system for tracking property information.


Rather, this information would be more beneficial for the vendors they work with. Therefore, it was essential to keep this page concise while still giving Property Managers the ability to manage and monitor essential information as needed.

Considering the demographics of Property Managers, the Customer Success team observed that they generally do not require a detailed system for tracking property information.

Rather, this information would be more beneficial for the vendors they work with. Therefore, it was essential to keep this page concise while still giving Property Managers the ability to manage and monitor essential information as needed.

Considering the demographics of Property Managers, the Customer Success team observed that they generally do not require a detailed system for tracking property information.

Rather, this information would be more beneficial for the vendors they work with. Therefore, it was essential to keep this page concise while still giving Property Managers the ability to manage and monitor essential information as needed.

Considering the demographics of Property Managers, the Customer Success team observed that they generally do not require a detailed system for tracking property information.

Rather, this information would be more beneficial for the vendors they work with. Therefore, it was essential to keep this page concise while still giving Property Managers the ability to manage and monitor essential information as needed.

—Final Designs

After several discussions with my Design Lead, Product Manager and the developers, I finished polishing and refining the small details of each wireframe in Figma for final hand-off.

1.

A revamped Properties page.

A revamped Properties page.

2.

Streamlining the process for Property Managers to easily add properties.

Streamlining the process for Property Managers to easily add properties.

3.

Comprehensive details for both Property Managers and Vendors.

Comprehensive details for both Property Managers and Vendors.

—Reflections

—Reflections

—Reflections

A better understanding of enterprise design

A better understanding of enterprise design

A better understanding of enterprise design

Designing for three different user groups (the Property Manager, Vendor, and Enterprise Leader) allowed me to get a deeper understanding about B2B design.

Designing for three different user groups (the Property Manager, Vendor, and Enterprise Leader) allowed me to get a deeper understanding about B2B design.

Designing for three different user groups (the Property Manager, Vendor, and Enterprise Leader) allowed me to get a deeper understanding about B2B design.

Evolving a design system from scratch

Evolving a design system from scratch

Evolving a design system from scratch

This page paved the way to create many legacy components and make foundational design decisions.

This page paved the way to create many legacy components and make foundational design decisions.

This page paved the way to create many legacy components and make foundational design decisions.

Collaborating cross functionally from the start

Collaborating cross functionally from the start

Collaborating cross functionally from the start

Doing this moved the project efficiently, effectively addressing both design strategy and technical feasibility from the outset.

Doing this moved the project efficiently, effectively addressing both design strategy and technical feasibility from the outset.

Doing this moved the project efficiently, effectively addressing both design strategy and technical feasibility from the outset.

© 2024 Designed & Developed by Sarah Dang