taKAY
Home Rentals
A faster and more organized way to rent your properties
Background

As a renter I’ve always felt like finding the perfect home is so hard. I’ve had good and bad experiences with homes and homeowners, and I have moved a lot! On the other hand, my parents have been in the situation of bad outcomes for their properties after bad tenants. 

After going through the nightmare of finding a new place to live, I wonder, is there a way to make this process faster and with the best outcome possible for both renters and homeowners?

Role

Researcher, UX/UI Designer

Duration

5 months

Tools

Sketch, Photoshop,
Adobe XD, Illustrator, FlowMapp

Language

English

Project Goals

Bullet point icon

Create a native app that allows property owners to review all their properties in one place

Bullet point icon

Facilitate payments and communication between property owners and renters

Bullet point icon

Provide renters an app that allows them to have find the perfect home, have the contract in handy, be able to do monthly payments and to report any issues within the property

The Problem

Property owners need a way to keep track of their properties because they want to know how much revenue they are getting and they want to keep track of the conditions of their properties.

Renters need a way to be able to have direct communication with the property manager / owner because they want a simple way to manage everything related to their home rental like payments, contracts and issues they might encounter with the property.

Research

Competitive Analysis

As a starting point in the app development, I started by doing a competitive analysis. Two apps were identified as main competitors for taKAY | Home Rentals: Buildium & Landlord Studio.

I found that both of them have a section for home-owners and property managers, and provide a way for them to organize their properties. They also offer a side for tenants or renters but based on the needs of the owners. When the competitive analysis was done, Landlord Studio was working on the release for the tenant section of the app.

Landlord studio competitive app image
Buildium Competitive app image

Takeaways | Buildium

Bullet point icon

Marketing seems strong

Bullet point icon

Their main platform is their website

Bullet point icon

Overall good reviews

Bullet point icon

High position in the top google search results

Bullet point icon

Widely known in the market

Bullet point icon

Maintained their original mission

Bullet point icon

Grew exponentially and still does

Bullet point icon

Thoughtful and complex product

Bullet point icon

Overarching strategy: too many features

Bullet point icon

Don’t support property owner users, just managers

Bullet point icon

Needs improvement in UX/UI of the app

Takeaways | Landlord Studio

Bullet point icon

Marketing seems somewhat strong and growing

Bullet point icon

Have support for multiple devices and a website

Bullet point icon

Good rating in the app store and at other review platforms

Bullet point icon

Working on moving up in the field

Bullet point icon

Strong with their original mission

Bullet point icon

They have been growing their user base

Bullet point icon

Rely in good UX|UI for marketing

Bullet point icon

Simple and intuitive features

Bullet point icon

Strong UI

Bullet point icon

Price is lower than competitors

Bullet point icon

Room for improvement and simplification

Landlord studio competitive app image

Interviews & Survey

During the research phase of the project, I performed five interviews and a survey to better understand the user challenges and motivations.

Survey Insights

A total of 27 responses were received and the first two questions were used to separate the participants into two categories: homeowners and renters.

50%

of owners use apps/software for property management

75%

of owners have long term rentals

62%

of owners use online property advertisement

76%

of renters would very likely use an app for their rental

100%

of renters have long term rentals

100%

of renters found their home through online advertisement

Interview Insights

The five participants were interviewed to understand more deeply if the objective or the project was clear and what are the main features/goals user are looking for.  Three of the participants are defined as an owner type of user and the other two as renters. Here are a few relevant quotes from the interview process.

I would say the biggest challenge is finding a good tenant.
Owner
The hardest part is finding the right place with no hidden issues.
Renter
The hardest part is to maintain the property in a good state.
Owner
The hardest part is finding the right place for your needs within your budget.
Renter

Affinity Mapping

Goals

Bullet point icon

Confirming types of users previously identified (owner & renter)

Bullet point icon

Identify general attitudes when looking for an app to manage and organize users’ property information

Bullet point icon

Identify existing issues / problems when managing residential properties

Bullet point icon

Identify main tasks to be performed by both type of users

Bullet point icon

Identify main needs described by potential users

Bullet point icon

Identify potential missing features in existing apps already in the market

Takeaways

Bullet point icon

Users that don’t currently use any software and find it hard to compile all legal docs and establish rent value

Bullet point icon

Hiring a property manager or an agency to manage owner’s property seems to not be their first option

Bullet point icon

Even if many options are available for online payments, most owner users do not use them

Bullet point icon

Having a written proof of communication is preferable in case of any legal issues

Bullet point icon

Finding a good tenant is one of the biggest challenges, it tells us that deeper screening or a different way of screening might be needed

Bullet point icon

Being able to match the needs of the renters with how much they can afford and the quality of life they are looking for is one of the hardest things

Bullet point icon

It has been identified as important the introduction of a way to track expenses and income to be able to compare and define profit

Bullet point icon

It seems that for renters a way of communicating with the surrounding community is important

User Personas & Journeys

With the information gathered through the interviews and the affinity mapping, I envisioned four user personas and one porto-persona to give direction to the design.They helped guide the project to prioritize the functionality of the project based on the audience.

User Flows

After analyzing the user personas and journeys, I selected three tasks to be the main focus of the project. Two tasks for the owner type user and one task for the renter user. The owner user tasks were generated by a user in line with Raymond Martin and the renters for a user similar to Paula Mendoza.

Informing the design

Below are the takeaways from the research that informed the design decisions:

Bullet point icon

Keep owner app just "owner oriented" without property manager

Bullet point icon

Owner app to track expenses and income

Bullet point icon

Ability to do online advertisement of property

Bullet point icon

Ability to track property conditions over time

Bullet point icon

Allow for in-app payments

Bullet point icon

Ability to do tenant screenings directly through the app

Bullet point icon

Allow tenants to choose between short and long term rentals

Bullet point icon

Include community/neighborhood on tenant app

Bullet point icon

Be mindfull of UI assets to match the feeling of the app

Bullet point icon

Simple and intuitive is always best

Ideate

Site Maps

After going in depth to understand the goals of the project and the users it is aimed to serve, the creation process began.

One of the biggest questions I encountered during the creation process was the concept of having one app that then divides the users into owners or renters; or having two apps one for each type of user.

After carefully researching the best option, I decided that it would be designed as two apps that talk to each other to facilitate the development process.  The apps will be for desktop and mobile native to allow for users to store information and have a smooth experience.

The site maps were designed as an “Index Page” structure. They were then reviewed after performing card sorting with 6 participants.

Site map - Owner
Click to enlarge

Wireframes & Prototypes

Based on the updated version of both site maps [Owners & Renters], I created the initial screens  to showcase the bone structure of the app. The focus is for Mobile Design First, nonetheless, for this primary step, desktop wireframes were also envisioned.

Then, considering the main three tasks envisioned by the user flows of Raymond and Paula, the design of the app started taking shape, going from low fidelity to mid and high fidelity. After some adjustments considered in the process, high fidelity prototypes were created in Adobe XD.

Navigation Standards

Navigation standards
Navigation standard example for owners’ app
Click in the image to see all
Navigation Standards
Navigation standard example for renters’ app
Click in the image to see all

Low Fidelity Wireframes

Low fidelity wireframes
Low fidelity wireframes example for mobile owners’ app
Click in the image to see more
Low fidelity wireframes
Low fidelity wireframes example for mobile renters’ app
Click in the image to see more

Mid Fidelity Wireframes

Mid fidelity wireframes
Mid fidelity wireframes example for mobile owners’ app
Click in the image to see more
Mid fidelity wireframes
Mid fidelity wireframes example for mobile renters’ app
Click in the image to see more
User Testing

Tools like a moderate user test, rainbow spreadsheet analysis and a preference test were essential for me to polish the design and bring the best to the users.

Usability Test

Grayscale prototypes based on the high fidelity wireframes were used to test the app functionality with 8 participants. The participants were asked to perform the main tasks and give their input. User tests revealed that the project was overall successful but, small vulnerabilities in the structure of the user interface came to light. In addition, the users asked smart questions, which led to further improvements.

User Test Recording

Usability Test Report
Click here to see the full Usability Test Plan and Report for both prototypes

Iterate

After updating the prototype based on the user testing results, I studied color palettes and other principles from the Gestalt properties to refine the design. A couple iterations took place based on responsiveness and peer review.

Design & Style Guidelines

taKAY | Foundations

taKAY stands for “your home” in French - Creole from the Caribbean island Martinique. It is meant to welcome both type of users it aims: homeowners and home renters.

The company is divided in two main applications following the same foundations, visual identity and design guidelines.

Color Palette

Color palette:
Teal
Teal-light
White
Gray-light
Gray-medium
Gray-dark

taKAY | Logo

taKAY app logoDesign & Style Guidelines
Interactive Document

Compare Feature Highlight

Take a look at the final prototype showing the tasks chosen for Raymond and Paula!

Selected screens evolution from low to high fidelity

Other case studies

Back to Home Page