White Q-Z Logo

qiqi.y.zhou@gmail.com

OverviewResearchDefineDesignTestingFinal IdeationReflections

Lease Link - Catalyst Designathon

Tools

  • Design Lead in 3 person team , Product Design, UX Research

Timeline

  • Figma, FigJam, Notion

Overview

  • March 24 - 26 2023
Overview

About Catalyst Designathon: Running from 7PM March 24th until 12PM March 26th, Catalyst Designathon had three tracks: Cultural, Travel, and Co-Existence. Our idea fell under the third category, because it involved the co-habitation of people across cities.

Problem

Short-term subleases should not be $12,000/month for two guests. Everyone deserves access to affordable housing options without limiting themselves.

As three female college students in NYC, we noticed our peer’s struggle finding short-term leases especially when universities do not offer them during breaks. Subleasing is commonly done over social media which can pose risks of people backing out or not paying their rent, leading to feelings of anxiety and financial difficulties. We wondered could there be an easier and safer process of finding a sublease?
Opportunity
There is no centralized platform to connect leasers to subtenants. By creating one, we ultimately can streamline the apartment hunting process with resources and security to help both parties.
Process Breakdown

As the leader, I felt with only 36 hours it was important to set mini goals to not only keep track of progress, but also increase team morale.

Research & User insights

How expedited research was conducted
1. Surveying
2. Interviewing
3. Competitive Analysis

Because there is no formal data on subleasing in major cities, we started by conducting our own research through surveys and interviews. To maximize research efficiency, we sent out our surveys through social media which contained uniform questions which allowed us to easily gather quantitative data.

Survey Results

Interview Insights

Competitive Analysis

It was important for us to analyze not only the user interface of these apps, but also the price-points in which apartments were being listed.

Defining

Creating solutions for each pain point

After interviewing the participants and screening the current products available on the market, we were able to gain a deeper understanding of our audience. More so, with these pain points in mind, we can begin to translate the insights into features for the platform. Our next step was defining the user persona and journey roadmap.

Pain Points

With so much information provided from the survey and interviews, our group realized we need to sort them and highlight our top 6. Below is a summary of the pain points that was later utilized to create our user persona, current journey synthesis, and future journey synthesis.

User Persona

Sub-Tenant

  • Move-in date is her top priority
  • First time living in a city
  • Wants a place close to work

Sub-Leaser

  • Previous bad experiencing leasing
  • Wants anonymity so did not go on Facebook
  • Prefers a girl renting her room

Current Synthesis/ Journey Map

We needed to create two journey maps because we were trying to cater two types of users: a sub-tenants and sub-leaser. After creating the journey map, we listed opportunities that could help each phrase.

Opportunities:

  • How can we track the messages and potential tenants?
  • How can filters streamline the search for both parties?
  • What are ways we can help the user keep track of messages and saved places?
  • Is there a way to easily chat and negotiate without creating a hostile environment?
  • What are ways the leaser can monitor the apartment situation and easily contact the tenant?
  • What security measures can be put into place? A contract or deposit?
  • What sources can help the sub-tenant explore the new city?

User Stories.

As a person new to the area and apartment hunting , I want to secure an apartment easily and securely as possible, so that I can plan ahead.

As a person renting my apartment out, I want someone who is reliable, so I do not lose money and come back to a clean apartment.

Future Synthesis/Journey Map

Each phrase simplified greatly after finding solutions to the previous pain points.

We then plotted the ideal journey map where the person would not feel anxious during the apartment hunting process and listed out the new actions of each phrase.

Future Synthesis of a Sub-Tenant

Future Synthesis of a Sub-Leaser

Design

We created a brand identity that is approachable and calming.

With 36 hours, we split roles with me taking lead visualizing the information architecture, and logo; while, they took lead on creating the components and mapping out the frames and onboarding process.

User Flow Iterations

Similar to our synthesis, we needed to create two user flows but this led to some difficulties. In our first iteration, we started off with the log-in screen which would lead to two different user flows, where one was a sub-leaser and the other a sub-tenant.

Changing from a User Flow to an Information Architecture

As we were building the two user flows, we began to confuse ourselves. At many points in the flows, the two user would cross so how could this be visually represented. Afterwards, I realized with our limited time it would be more productive for us to do a site map with all the listed features and how the user would interact with each one.

Behind Our Logo

A home is a home no matter the duration. With this statement we combined the idea of a puzzle and a home. Our name, LeaseLink, came from the idea that it's one lease connecting two parties.

With LeaseLink, you'll find the missing puzzle piece to your home.

Design System

Creating a Design System

We all unanimously agreed upon the color blue, but now we need a system for the typography and iconography. As we were building the prototype on Figma, we would add more accent colors in order to help differentiate features. Below are some of the example components we created which were heavily utilized in multiple frames.

Feature Prioritization

3 Main Needs

  • Filtering
  • Tracking
  • Verification

Based off the main pain-points, we then prioritized the top 3  features of the platform. To meet the deadline, we created mid-fidelity wireframes straight away and adjusted accordingly.

Filters Filters Filters

One of my main responsibilities was to figure out the search bar and filter feature. Our main concern with apartment hunting was that people had different wants in terms of bedroom, bathrooms, location, and amenities. So how coud incorporate multiple options? We also had to account for the option of a roommate and  atmosphere.

How can we avoid overcrowding?

Filters Option 1

We compiled all the filters into one tab so the user would only need to tap one button to access all the selection tiles. Cons: Too much information and overcrowding

Filters Option 2 (The Winner)

Within the filter tabs, we then built an hierarchy of what selections would go first. With this mind, we split up the filters into “Locate Your Stay” and “Filters.”Option 2 was significantly more popular among our testers because not everyone has so many specifications.

Testing Testing Testing

User-Testing & Design Iterations

We had to conduct quick user-testing so we asked a select three friends to go through our prototype. During these testing, we were able to notice better placements for components on the UI and where to make the process more intuitive.

Lease Agreement

How would both parties like to receive the sublease agreement?

Based on our research, security was one of the top needs people wanted on the platform. No one wants to lose money.

Option 1:

  • Send the agreement through messaging
  • More casual providing a familial feel ( a mutual agreement)

Option 2:

  • Agreement sent directly to the inbox
  • More official which feels more secure

All testers unanimously agreed that signing the document would make the agreement feel more official and make either parties less likely to back out.

Option 2 was more successful because security triumphed the familial feeling.

Option 1
Option 2
Signature

Bottom Navigation

What makes an intuitive navigation bar?

Iteration 1
Iteration 2
Add Listing

Messages, saved apartments, and new listings most likely would be the top 3 tabs people frequent. We can realistically assume that the user would not need to frequently post a listing or post themselves, so an “add” button can go down our list of priorities. Looking at Instagram for reference, we realized they have the “add” button at the bottom because people meant to post more content. Therefore, we decided to place in the top right of the screen

Listings and Community Hub

Moved the add button... but how do we differentiate a listing and a posting?

Although we soved the UI problem about the add button, but we realized both a leaser and potential tenant would want to post on the platform.

In the last 24 hours, I came up with the idea of allowing to switch between a listing and community hub tab on the homepage.

  • Filter through posts find people looking for apartments or roommates
  • Once in the community hub, easily
    view the user’s profile too

The community hub can help bridge connection between individuals.

Saved Searches & Listings

User Tester: If I have a specific search, how do I go back to it? Do I have to re-input all the filters?

Saved Tab

One of our testers brought up a significant point that it’s unlikely one would find their apartment in one day, so it would be beneficial to have a saved search feature. We had previously overlooked this, but we didn’t want the “saved search” to overcrowd the screen. To resolve the issue, we changed the saved listenings to a simple “Saved” to accommodate both needs.

Final Prototypes

LeaseLink Final Designs + Prototypes

In the final 10 hours, we organized all the screens together beginning with the same onboarding process before diverging into two user flows.

Regret will become an unfamiliar word.

Onboarding Process

Goal: an onboarding which feels secure and safe, but short enough to prevent users from dropping off

The onboarding process was extensive but we wanted the user to feel secure. However, we also could not make it too long in fear that the user may give up halfway through. On the other hand, an onboarding process that is too fast can mislead the user into believing the platform is not safe or verified enough.

Communication & Tracking

All Communication on One Platform

With a centralized platform, the user no longer has the issue of missing potential request on Instagram or Facebook. There is no longer a need to feel overwhelmed by going through multiple social media sites.
Easily switch between pages, Listings and Community Page, to be both a sub-leaser and sub-tenant.

Streamline the subleasing process

Find your apartment or tenant in less than a month

Homepages
Saved
Chat

Filter & Save

Filter everything to find your Right Match

Like dating, it's hard to find the one for you. So with LeaseLink, you won't have to waste time on apartments or tenants not right for you.

Prevent Misinformation

  • Not just the basics of bedrooms and baths, or budget (though important!)
  • Religion, gender, pet friendly, parties or quiet atmosphere
  • Goal: Enjoy your time in a new place

Filter & Save Everything

  • Don’t waste time on apartments or tenants not fit for you
  • Speak & get to know either parties
  • Trust your own judgement

Sources about the Neighborhood

Ease anxiety about unfamiliar neighborhoods

Can’t afford to visit the new city? LeaseLink will provide all the information for you to get a well rounded understanding of the neighborhood.

Security & Verfication

Feel backed-up with every decision

Every profile is verified after the onboarding process

Chat with every party to determine if they or the apartment is the right one for you

Security deposit and signed lease agreement for every transaction

Sublease Agreement
Mailing Keys
Lease Portal
Reflections

Concept Testing

  • Due to time constraints, we had to go with what felt natural for the mobile UI. We would love to have tested the UI with a larger sample size and adjust accordingly.
  • Research more into the legality & logistics when it comes to subleasing into major cities

More User Research

  • What are more ways we can add security to the subleasing process?
  • Further explore the neighborhood guide
  • How to further promote community?
Takeaways

As a leader, I learned to think with intention, negotiate with members, and lead with kindness and confidence.

  • How I present myself can reflect on my teammates
  • What we think is self-explanatory may not be for the general public