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.
Responsibilities
Strategy
Foundational user research
Personas
User journeys
Sketches & wireframes
Interactive prototypes
User testing
High-fidelity design
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.
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.
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.
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.
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.
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.
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.
Identifying pain points
Researched apps that performed similar functions (plant identification) to understand common design patterns.
More Projects
Lumi Analysis
A native mobile app used by the New Zealand Police to identify illegal substances in the field.
Serato
Leading the redesign of the express checkout that sees half a million visits per year & multiple other projects.
Lumi Verify
A native mobile app used to verify the accuracy of drug identification device Lumi Nano.