Landlord Studio

Project Overview

Landlord Studio is a NZ-based property management app that's found great success in the United States. Features cover all bases - from listing properties, to collecting rent payments and understanding tax requirements.I was approached by Charles, the cofounder, to design a second app, one designed for tenants. This new app would help tenants manage their rent payments and maintenance requests with ease - a win-win for both parties.
User ratingUser ratingUser rating
I was the Lead Product Designer
Working with a Product Manager & Senior Developer

Responsibilities

Strategy
Foundational user research
Personas
User journeys
Sketches & wireframes
Interactive prototypes
User testing
High-fidelity design

Timeline

3 months each, 2022 & 2024

Deliverables

High fidelity designs for two native mobile apps, each with own design system
Step 1

Reviewed Existing Assets & User Flows

This included a brand kit and existing Design System which I could utilise and add to. The stakeholders were already confident in which tabs they required for the app and which elements were needed on each screen, which allowed me to focus purely on high-fidelity design.

Since Landlord Studio is an existing company, they came to me armed with everything I needed to get started, including:
A brand kit, which provided a comprehensive set of guidelines and assets that ensured my design retained consistency in visual identity and messaging.
A design system, complete with various components used in the landlord-facing native mobile app, which I could utilise or add to where needed.
User flow and requirements for each screen in the tenant-facing app that had been thought through and agreed upon by stakeholders.
Dashboard mockup
Dashboard mockup
Step 2

Communicating payment status

With the groundwork already done and a design system already well established, I jumped straight into things, creating new components where needed.
A key problem to be solved was how to clearly communicate to the user whether their rent payment was due soon, scheduled to be paid, paid, or overdue, and to have this the main focus of the dashboard tab. To complicate things, users were able to split their rent payment with another tenant, which required a 'rent remaining' state, or set it to autopay.
Use of colour use of space &cards
I felt that using colour as an identifier would help the user identify the status of their rent payment quickly, and that a traffic light system (green, orange, red) felt most natural here. I identified colours that complimented the brand green.

With so many different states, as well as the need to communicate payment date, payment period, rent/bill type, dollar amount and payment status, I decided a card-based approach worked best here. The client loved the modern feel, so I carried the card-based design throughout the app.
Step 3

Mapping the user's path

Mapped out the user flows of the entire app, before presenting these to stakeholders. The response was hugely positive, but as always it still sparked important discussions that led to tweaks here and there until we landed on a complete and final flow.
Step 3

Mapping the user's path

Mapped out the user flows of the entire app, before presenting these to stakeholders. The response was hugely positive, but as always it still sparked important discussions that led to tweaks here and there until we landed on a complete and final flow.
Dashboard mockup

Mapping the user's path

Mapped out the user flows of the entire app, before presenting these to stakeholders. The response was hugely positive, but as always it still sparked important discussions that led to tweaks here and there until we landed on a complete and final flow.

Mapping the user's path

Mapped out the user flows of the entire app, before presenting these to stakeholders. The response was hugely positive, but as always it still sparked important discussions that led to tweaks here and there until we landed on a complete and final flow.
Dashboard mockup

Identifying pain points

In the perfect world, I would have loved to begin this journey with 1-1 interviews with frontline police users. However, this wasn't as simple as it sounds, with our police people hot in demand on the ground. So I did my best to utilise a recent user survey and discussions with stakeholders to formulate personas, empathy maps and user stories while ESR discussed the possibility of user interviews with their connection in the NZ Police's Service Design Team.
Dashboard mockup
Dashboard mockup

Identifying pain points

Researched apps that performed similar functions (plant identification) to understand common design patterns.