Homie - Housing Rental Website for Young Adults

A four-member group project for a fourth year UX design course.

The objective of this four-month studio project was to learn end-to-end UX and digital service design through research and iterative design. In this case, a housing rental platform was chosen to be redesigned to bring more confidence to young renters. 

There is ample opportunity to improve rental services for this user group in terms of streamlining listings, comparing properties, legal resources, and user profiles. 

homie render_edited_edited.jpg

Problem Space & Objectives

The housing rental process is something that many young adults will have to go through at some point in their lives. However, the process of finding and securing a rental can be a daunting, overwhelming, and cumbersome journey. Homie wishes to facilitate a smoother entry and experience along the rental journey to bring more confidence and enjoyment to an otherwise stressful life task.

Research Goals:

  • Understand the tools/services that renters currently use to find areas of improvement within existing tools.

  • Identify key criteria renters look for when searching for housing to empower them in their housing decisions.

  • Understand users’ knowledge regarding renting legalities to educate and build confidence in the renting process.

  • Gain insight into the end-to-end process of renting a property to uncover pain points, in the effort to streamline the overall experience for the renter.


Competitive Landscape

Research & Insights

Through conducting a handful of interviews with a variety of renters, many patterns and pain-points emerged. After a thorough data analysis with several levels of coding, we synthesized our findings into the following key insights:

  • The renting process is often learned by word of mouth and through trial and error, making it difficult for inexperienced renters to know where to begin and confidently carry out the entire process

  • Key issues for all users related to 1) poor information about properties and landlords 2) the usability and experience of platforms/listings 3) communication between landlords, tenants, and roommates 4) decision making and 5) legal matters


Renter Interviews


Landlord Interview

Screen Shot 2022-05-19 at 11.30.03 AM.png

Data Analysis - Coding Sample


To develop a truly helpful solution, the users must be kept in mind, and so we developed personas based on our interviewees to increase the quality and consistency of our design efforts. We created four distinct personas—Carly, Aiden, Tamira and Samu—to serve as a guide to keep the team aligned and to act as tie-breakers in future design decisions. They helped us prioritize various features and goals, such as safety and transparency, and build empathy with those going through the tumultuous rental experience.

Group 24.png
Persona 1.png
Group 25.png
Group 26.png

Journey Mapping

The next step was creating a user journey map for one of our key personas to truly understand her renting journey and clearly see where pain-points occur in the process. We chose to tell Carly’s renting story, as we felt that her persona would provide a variety of important and unique challenges to map out.

The map gave a clear visual representation of what the renting process is like for a typical renter. It was easy to see that the renting journey often starts off well, but the experience begins to decline with the initial housing search and remains that way until the final move-in phase. This strongly confirmed the need for innovation that would make all phases more pleasant, and it revealed to us those key opportunities for improvement and where our solution could help the most.

Frame 32.png

Design Solution - Information Architecture

Our proposed solution was primarily a web-based application that facilitates the housing rental process from the initial housing search to the final move-in. The application aims to address pain-points regarding trust between tenants and landlords, standardization of listings, safety/security, scheduling viewings, legal navigation, and document sharing.

The design solution involved creating an information architecture, comprised of all the possible pages, content, features, and user actions for Homie. Each of these assets were then grouped into named categories and organized in a hierarchical structure.

Screen Shot 2022-05-19 at 3.11.52 PM.png

Use Cases & Key User Flows

To begin the design of the website application, a few key use cases were identified. From those, 3 user flows were chosen that we felt were most crucial to improving the renting experience and had unique opportunities for innovation.

Frame 4.png

Landlords Creating Listings

Frame 7.png

Renters Browsing & Comparing Listings

Frame 8.png

Renters Scheduling Viewings

Key User Flows & Wireframes

These key user flows were then further developed into multiple wireframes and a functional prototype using Figma, which was tested on a handful of renters for feedback concerning usability.

Testing was quite successful, and all 3 flows were passed with high ratings. However, we were able to pin-point a few key moments where testers were getting somewhat confused or slowing down, and we welcomed suggestions for improvement. We then took all our testing insights and worked towards a final design including our proposed branding of the application.

image 50.png

Mood & Branding

To establish the aesthetic of our application, we brainstormed four brand attributes that we felt best embodied the improved experience we wanted to create for users: trustworthy, approachable, friendly, and transparent. From there, we created a moodboard using a variety of photos, icons, graphics, fonts and colours to communicate the essence of our brand.

Additionally, we created some branding guidelines including a friendly logo, button styles, purple-based colour palette, and a typography style based on the font 'Inter’. Inter is a sans serif typeface that is similar to SF Pro, the typeface designed and used by Apple, which is tested and optimized for legibility on screen-based devices.

page 1.png

Final Look & Feel

Home Screen (1).png
Search Results (1).png
Full Listing.png
Compare Listings.png
Desktop - 39.png
Scheduling View.png