Property management system

Appster
UI/UX Design
CASE STUDY

Project overview

Keyvision is a property management platform that I worked on during my time at Appster. The platform was designed to fit the needs of any type of large property. The client had provided information such as personas and had already completed most of the designs for the mobile app prior. They now needed to complete the web experience for admins and other user roles. This project was significant with 373 user stories created by our BA.

Process

  • User personas
  • Sitemapping
  • Core designs
  • High fidelity designs

Personas

For this project the client provided detailed user personas which corresponded with the role types that would be available within the platform. This included admins, building managers, landlords, contractors and tenants. These personas were used to inform the user stories that were created by our BA and the subsequent designs.

Sitemap

For such a massive project, it’s important to layout the overall structure of the platform before committing to higher fidelity designs. Laying everything out in one place also highlighted where some features had been missed. We made amendments to the user stories to include these.

Core Designs

Before diving into designing all the screens, I first designed a handful of screens for the client to approve that I would use to inform the design of the rest of the screens. An important feature of the product was the ability to customise the UI to match the property's branding. I provided five core screen designs in two different styles to demonstrate this.
The client gave feedback around navigation and minor details that would make the UI match the mobile app designs created previously more closely.

High fidelity designs

For the rest of the screens, we worked through section by section throughout the entire product. Using the user stories as a guide, I would design and receive feedback from the client, continuously iterating.

Standard user

Project overview

Help Desk

All standard user screens

Admin user

Project reports

All admin screens

Conclusion

This project was the largest and most complex project I had ever worked on at the time. A challenge I faced was ensuring such a feature rich product that was easy to use. I made sure that the features that were the most important for the user role were easily accessible. Features not needed as much by certain users were not as prominent and when not necessary at all, not accessible. Employing well structured hierarchy and limiting information resulted in a feature rich product that was easy to use.