![Frame 242.png](https://static.wixstatic.com/media/ab57a9_b7afc55574e7405b940ff874dedb2cae~mv2.png/v1/fill/w_256,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame%20242.png)
A mobile app enabling users to effortlessly search and book rooms and find potential roommates.
UX Research
Duration
Process
Role
UI Design
4 Weeks
UX Research, Wireframes, UI Design, Interaction Design, Prototyping, User Testing
As a UX/UI Designer, I conducted user interviews, performed competitive analysis, designed user interface, did prototyping and conducted usability testing using think-aloud sessions.
Overview
Staymate is a platform that makes the process of booking accommodation and finding an ideal roommate hassle-free for its users.
​
Using the application, people can easily filter out their preferences and go through verified room listings and even choose roommates based on their preferred habits, lifestyle & personality.
Why did I choose this project :
Today, about 55% of the world's population resides in metropolitan areas, and many people especially millennials are moving to urban areas to pursue their careers and aspirations. So, there has been increased in demand for affordable housing i.e for a low cost of living.
So the convenient option is to accommodate in a shared place with a roommate or a flatmate. But finding a perfect roommate can be a daunting task for people, where in people end up spending too much time.
Having a similar experience while searching for accommodation during my graduation, motivated me to come up with some hassle-free and user-friendly solution that could help people find a suitable room/roommate for themselves easily.
Problem Statement
Many people are facing issues in finding a perfect room and roommate for themselves. The biggest struggle is to find people having similar interests and mindsets.
To date, many individuals try to find accommodation through traditional methods because they are sceptical about coming across fake accounts and listing them on online platforms. And for the roommates it's difficult to trust an unknown person initially without being aware of their basic lifestyle habits, hence they end up searching for a roommate among their common friends and known people.
All these traditional methods are extremely time-consuming and daunting for people with busy schedules.
Design Process:
![MacBook Pro 16_ - 53 (1).v1.png](https://static.wixstatic.com/media/ab57a9_4b217318121c4bc0850da2e8c0b2542c~mv2.png/v1/fill/w_1038,h_393,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/MacBook%20Pro%2016_%20-%2053%20(1)_v1.png)
EMPATHIZE
User Research
Secondary Research
The increasing movement of the millennial population has given rise to the need for various types of rental accommodations in most Indian cities over time. Out of the available options for rental spaces, shared spaces such as paying guest (PG) accommodation and shared apartments are preferred among the youth.
-
Affordability, proximity to the workplace/educational institution, surrounding amenities, the status of physical and social infrastructure, and security deposit and dealing with landlords who are still averse to rent out the apartments to bachelors are some of the few key factors that are considered by millennials while choosing their accommodation.
-
For most people, the biggest bill they pay every month is their rent or mortgage, and many have even looked for secondary incomes as a way of keeping up with the exponential cost of housing. For some, there's another solution: Roommates.
-
Not only do millennials tend to live with a roommate but also middle age people having low incomes prefer to share a home.
-
Overall, according to a study people living with their friends, family (32%) and co-workers (over 30%) were the most likely to be happy with their roommates
-
People living with an acquaintance were the least satisfied with their living situation
-
Living with one other roommate who happens to be related to you is the most satisfying roommate situation
-
Nearly 47% of people surveyed were friends with their roommates before moving in together, but only 32% were satisfied with the current living arrangement.
​
-
But the roommate situation may not always be sunshine and rainbows. 41% of people identified keeping shared spaces clean as the top source of tension between roommates. The topic of cleanliness was highest among people living with friends (47%), followed by strangers (43%), acquaintances (42%) and family (32%). Paying rent (9%), communication (7%) and violating boundaries (7%) were the next biggest issues between roommates.
Primary Research
After doing my initial research, I got a gist of the target audience and the potential users of the market, along with common issues faced by them. But in order to get deeper understanding as well as empathize with the users about the problems and validate the ideas to design more meaningful solutions for them, I decided to conduct user interviews.
For this project, I have focused on 2 major groups
-
People looking for accommodation (rooms or apartments)
-
People looking for roommate
I came up with a set of questions after going through the problem statement couple of times and few brainstorming sessions. I conducted user interviews and survey with people who have different levels of experience with going through search process.
-
Do you live in a shared apartment or a hostel?
-
How is the experience living with a roommate?
-
How do you look for a room/roommate?
-
Is it difficult and time-consuming for you to find a perfect apartment and roommate?
-
How do you find a roommate?
-
What challenges do you face while living with a roommate?
-
What do you look for in a roommate while finding one?
-
How long does it take to find a roommate or room?
-
Do you have any problem with lease agreements with landlords?
-
Do you know any current roommate/room-finding apps?
-
Would you like to use a new app?
-
What features would you like to get using the new app?
Survey Insights
50% of people were in the age bracket of 18-25 years, 35% of people were in the age bracket of 25-30 years, 10% of people aged between 30-40 years, and only 5% of people aged above 40 years which is negligible. So our target audiences are people between 18-35 years of age.
90% of people find it difficult to search for an ideal room and roommate.
Most people look for a room/roommate through common friends, social media and FB groups, Broker and Family contacts.
Key Findings
Generally users look for rental accomodation because:
-
Moving out for higher studies
-
Shifting to a new place for a Job
Users look for housing to reside in:
-
Alone
-
Friends or with contacts from common friends & families to save up rental cost
Users expectations from the rental housing:
-
Budget Friendly
-
Nearby to their frequently visited places like office, college etc
-
Peaceful locality with well connected and approachable communte services, grocery stores, food joints etc.
-
Places having useful amenities like security, furnishing, air conditioner, elevator etc.
Issues with current home rental apps
-
Pictures posted on the app are very deceiving. In reality, they look very different.
-
Complex features make the user jouney confusing, which makes them leave halfway
-
Users don't prefer sharing their contact details and address online for the fear of spam calls from property dealers and agent.
-
Complex rent paying systems
Issues with current roommate searching apps
-
Users are unable to gauge basic personality traits from the profile itself
-
Detailed preference filters are not available eg; non smoker or drinker etc
Empathy Mapping
After conducting interviews, I created empathy maps considering 2 user groups, in order to deeply understand the reason behind certain actions that they take.
![27.png](https://static.wixstatic.com/media/ab57a9_9edf6b1e30bc4bb3be33a885c52a450d~mv2.png/v1/fill/w_866,h_545,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/27.png)
![28.png](https://static.wixstatic.com/media/ab57a9_2a03da64e69a4b42a5ede1de71ade639~mv2.png/v1/fill/w_874,h_558,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/28.png)
DEFINE
User Persona
Talking to people who have experience gave me reasonable apprehension of their needs & goals. I gathered valuable insights and started to narrow down the project. I created 2 distinct user personas:
-
Roommate Seeker: representing users looking out for compatible roommates in pre-occupied apartments.
-
Room Seeker: representing users looking out for safe accommodation with a smooth move-in process with the owner.
![](https://static.wixstatic.com/media/ab57a9_85b126bf0678457998203afaea2a4a27~mv2.png/v1/fill/w_768,h_547,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/ab57a9_85b126bf0678457998203afaea2a4a27~mv2.png)
![Frame 269.png](https://static.wixstatic.com/media/ab57a9_e7286c82852d4f1b84e30b72e07fa76f~mv2.png/v1/fill/w_768,h_545,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Frame%20269.png)
User Journey
After outlining users' goals and frustrations with respect to their experiences, I created User Journey Maps to figure out processes needed to achieve individual goals within the app. This allowed me to focus on possible critical pain points and address them in an effective way.
![Frame 270.png](https://static.wixstatic.com/media/ab57a9_3eadbe915ba6472f913a84dfa5328bc2~mv2.png/v1/fill/w_907,h_851,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Frame%20270.png)
![Group 107.png](https://static.wixstatic.com/media/ab57a9_b325b30f2a144b2481bc2288eaffa831~mv2.png/v1/fill/w_907,h_851,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Group%20107.png)
Competitive Analysis
Once I was certain of the new features I wanted to include, I began exploring ideas to figure out how to actually execute them.
I installed a few competitor apps. Few roommate booking and home rentals applications as well as hotel booking apps to understand their UI and UX. I wanted to make the booking procedure for a rented room as smooth as a hotel room booking. Conducting competitive analysis helped me add a few more insights to my research
![Rectangle 96.png](https://static.wixstatic.com/media/ab57a9_11d09a2148bc46fb8db2bbfb00e00739~mv2.png/v1/fill/w_875,h_228,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Rectangle%2096.png)
![Frame 23.png](https://static.wixstatic.com/media/ab57a9_1bd44480e49d43a2ba0d01b7548292c4~mv2.png/v1/fill/w_104,h_103,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame%2023.png)
![Frame 22.png](https://static.wixstatic.com/media/ab57a9_4ee0b64a7da0441ea996964fe699bf1a~mv2.png/v1/fill/w_104,h_103,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame%2022.png)
![Frame 20.png](https://static.wixstatic.com/media/ab57a9_f2b7d2bca48e4c649dc7acb7bb78eed7~mv2.png/v1/fill/w_104,h_103,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame%2020.png)
![Frame 18.png](https://static.wixstatic.com/media/ab57a9_1873ce40adeb4373a401af95952fe606~mv2.png/v1/fill/w_104,h_103,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame%2018.png)
![Frame 19.png](https://static.wixstatic.com/media/ab57a9_ac7b925ace1741e898d645f1ad047fab~mv2.png/v1/fill/w_108,h_107,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame%2019.png)
![Frame 21.png](https://static.wixstatic.com/media/ab57a9_f816d9f43a64418eaa4fccc21e8edb23~mv2.png/v1/fill/w_104,h_103,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame%2021.png)
Roomi
SpareRoom
Flatmate
Nestaway
Magicbricks
Airbnb
Some of the apps I chose for competitive analysis
Pain Points
Fake images and fake room listings
Difficult to find budget friendly room
Time taking procedures of rental agreements
Sparing out time to meet the owner is difficult in busy schedule
Tough to find someone having similar habits & living preferences
Hard to find trustworthy people
IDEATE
Brainstorming
After defining key pain points of the users, I started jotting down various thoughts and ideas that came up in my mind to bring forward possible solutions and features for the application.
![Frame.png](https://static.wixstatic.com/media/ab57a9_f96fa476c1cb416f9228497ced3914a2~mv2.png/v1/crop/x_0,y_0,w_282,h_282/fill/w_214,h_214,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame.png)
Show nearby places in room details ( airport, grocery store, railway station etc)
![Frame.png](https://static.wixstatic.com/media/ab57a9_f96fa476c1cb416f9228497ced3914a2~mv2.png/v1/crop/x_0,y_0,w_282,h_282/fill/w_214,h_214,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame.png)
Matches feature like tinder can be used
![Frame.png](https://static.wixstatic.com/media/ab57a9_f96fa476c1cb416f9228497ced3914a2~mv2.png/v1/crop/x_0,y_0,w_282,h_282/fill/w_214,h_214,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame.png)
Review on rooms & Roommates
![Frame.png](https://static.wixstatic.com/media/ab57a9_f96fa476c1cb416f9228497ced3914a2~mv2.png/v1/crop/x_0,y_0,w_282,h_282/fill/w_214,h_214,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame.png)
Show current roommates profile in room details
![Frame.png](https://static.wixstatic.com/media/ab57a9_f96fa476c1cb416f9228497ced3914a2~mv2.png/v1/crop/x_0,y_0,w_282,h_282/fill/w_214,h_214,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame.png)
Give map view for easy viewing in a locality
![Frame.png](https://static.wixstatic.com/media/ab57a9_f96fa476c1cb416f9228497ced3914a2~mv2.png/v1/crop/x_0,y_0,w_282,h_282/fill/w_214,h_214,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame.png)
Show group members common activity images
![Frame.png](https://static.wixstatic.com/media/ab57a9_f96fa476c1cb416f9228497ced3914a2~mv2.png/v1/crop/x_0,y_0,w_282,h_282/fill/w_214,h_214,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame.png)
Give option to buddy up ( invite people and create group of roommates ) in app
![Frame.png](https://static.wixstatic.com/media/ab57a9_f96fa476c1cb416f9228497ced3914a2~mv2.png/v1/crop/x_0,y_0,w_282,h_282/fill/w_214,h_214,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame.png)
Upload images with roommates for more credibility
![Frame.png](https://static.wixstatic.com/media/ab57a9_f96fa476c1cb416f9228497ced3914a2~mv2.png/v1/crop/x_0,y_0,w_282,h_282/fill/w_214,h_214,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame.png)
Detailed filters: lease duration, shifting month, search radius, detailed locality for big city etc.
![Frame.png](https://static.wixstatic.com/media/ab57a9_f96fa476c1cb416f9228497ced3914a2~mv2.png/v1/crop/x_0,y_0,w_282,h_282/fill/w_214,h_214,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame.png)
Report false listing ( show reviews on person’s
profile )
![Frame.png](https://static.wixstatic.com/media/ab57a9_f96fa476c1cb416f9228497ced3914a2~mv2.png/v1/crop/x_0,y_0,w_282,h_282/fill/w_214,h_214,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame.png)
Small questionnaire, for users preferences on opening the application ( interests, profession, etc)
Well planned filters to easily find rooms based on the requirements
Online rent paying system
Map and location tracking system
Message and video calling feature
Indicate nearby important locations to familiarize to the new place initially
Indicate common activities through images of group members of a room
Possible Solutions
Main Features
Option for online house tour
Schedule assisted house visit through app
In-app rent payment facility & rental agreements
Post a new listing for any vacant house/ room
Invite / Review applicants to increase the credibility of a person
User Flow
Before ideating solutions, I created a basic user flow for the product to have a visual representation of the path a user can follow to achieve the goal.
![Ellipse 2.png](https://static.wixstatic.com/media/ab57a9_86a3daf335b04dd79531688060feed44~mv2.png/v1/fill/w_61,h_61,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Ellipse%202.png)
User Flow: Ria finds a room
![Group 126 1.png](https://static.wixstatic.com/media/ab57a9_ebc69707dfcc4f6ea6cb272a5ad80d7c~mv2.png/v1/fill/w_574,h_530,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Group%20126%201.png)
![Ellipse 1.png](https://static.wixstatic.com/media/ab57a9_d4e7043793f34374958fbe453da27b83~mv2.png/v1/fill/w_61,h_61,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Ellipse%201.png)
User Flow: Nishant finds a roommate
![Group 126 2.png](https://static.wixstatic.com/media/ab57a9_e02bc254137e48208eef86840b9d5b89~mv2.png/v1/crop/x_9,y_0,w_5319,h_4296/fill/w_586,h_473,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Group%20126%202.png)
Information Architecture
Before starting to work on initial sketches of each feature, I visualized the Information Architecture of the app into a site map , based on the user flows.
DESIGN
Paper Sketches
Created many pen-paper sketches to connect the app’s information architecture to its visual design. Wireframing is crucial as it helps clarify consistent ways of displaying particular types of information on the interface. and also determines the intended functionality of the interface.
![30.png](https://static.wixstatic.com/media/ab57a9_7e888131cdfd43649b77f97dabd4365d~mv2.png/v1/crop/x_0,y_144,w_1728,h_2500/fill/w_600,h_868,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/30.png)
Wireframes
![31.png](https://static.wixstatic.com/media/ab57a9_60102cf9ef5d453caaa0d913a11e07ae~mv2.png/v1/crop/x_6,y_34,w_1702,h_2270/fill/w_795,h_1060,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/31.png)
Style Guide
Colours
I have used blue, pink & white colours as I wanted to reflect the brand as warm, kind & concerned. Pink & white together portray love, protection & feeling of tenderness, while blue represents trust loyalty & stability.
Typography
![Frame 273.png](https://static.wixstatic.com/media/ab57a9_bce10c6842f0484cbdbc7f3079e1f3ec~mv2.png/v1/fill/w_377,h_239,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame%20273.png)
![Mulish.png](https://static.wixstatic.com/media/ab57a9_4101c49925fc485d8a982f8dc65e0e6d~mv2.png/v1/fill/w_231,h_56,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Mulish.png)
SMALLEST
14pt
LARGEST
20pt
WEIGHTS
Regular, Medium, Semibold
Prototyping
![onboarding.gif](https://static.wixstatic.com/media/ab57a9_272c83aefa1d4cec8698c05c8e4b4592~mv2.gif)
![room - Copy.gif](https://static.wixstatic.com/media/ab57a9_29c3a9db4c7a4f9e88ff873b0c90e516~mv2.gif)
![post.gif](https://static.wixstatic.com/media/ab57a9_6f01bb641b2f4cd7958e07f997f62c65~mv2.gif)
![rent hamburger.gif](https://static.wixstatic.com/media/ab57a9_8306dc8796e046c0beaab038c8c459b0~mv2.gif)
![roommate.gif](https://static.wixstatic.com/media/ab57a9_dfa11fc136ab44d481ee9ce5489f00ea~mv2.gif)
TEST
Usability Test
Based on various feedback from other peers, I continually iterated my design over the span of 4 weeks - with 3 major improvements:
![Roommate details-1 1.png](https://static.wixstatic.com/media/ab57a9_2f8e3e93213a403b88fbff8985609483~mv2.png/v1/fill/w_209,h_420,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Roommate%20details-1%201.png)
Before
![Roommate details 1.png](https://static.wixstatic.com/media/ab57a9_7f68660650f94f8fa6c914e38a85f62d~mv2.png/v1/fill/w_209,h_420,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Roommate%20details%201.png)
1.
Removal of Secondary CTA at Bottom
-
Based on the feedback, giving 2 CTAs at the bottom seemed to confuse the user with 2 different functionalities.
​
-
Combining both functionalities into one CTA seemed to be a better fit. On clicking invite, the user would get a pop-up screen where they can customize their message before inviting a person.
After
2.
Seperate Screen for Rent Details
-
Originally rent details were included in the same screen before additional features, but the option for selecting between a room & house under rent details created confusion amongst the users
​​
-
As per feedback, giving rent details on a separate screen appeared to be better because they are additional details once the user likes the place.
![image 2.png](https://static.wixstatic.com/media/ab57a9_75073c3f478f44918e434d604c0c0bd0~mv2.png/v1/fill/w_209,h_420,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/image%202.png)
Before
![image 1.png](https://static.wixstatic.com/media/ab57a9_19b1c8f080f745629e9f9c2169e51df1~mv2.png/v1/fill/w_209,h_418,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/image%201.png)
After
![image 3.png](https://static.wixstatic.com/media/ab57a9_69bed0b7f5b248b0a5274d88878e95aa~mv2.png/v1/fill/w_209,h_421,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/image%203.png)
Before
![boook now 1.png](https://static.wixstatic.com/media/ab57a9_747869a6727a4ed49ce1672f6ae13ccf~mv2.png/v1/fill/w_209,h_419,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/boook%20now%201.png)
After
3.
Hiding the Reviewer’s Name
-
Initially, I added the reviewer’s name along with their comment but in many users’ opinions, it was better to keep the user name anonymous.
​​
-
The reason is, usually even if the person might have some bad experience they would hesitate to write the actual review because their identity is visible to everybody.
Retrospection & Further Addition
Being the solo UI/UX designer for the project has had its challenges. There are many things that, I would have changed or added to enhance the user experience if time had not been a constraint.
I’ve gathered learnings from each stage of the process:
-
In user interviews ask open-ended questions. Processing every bit of information is necessary.
​​
-
Distinguish between your personal beliefs and the results of user interviews and usability tests.
​​
-
As I've moved on to the final design, I've understood how time-consuming yet crucial high-fidelity prototyping is. The overall feel and identity of the app were greatly impacted by the addition of micro-interactions.
​​
-
Testing the prototype on actual users allows you to see how they interact with it and identify ways to make the user flow better.
​​
-
Adding a feature to group up with potential roommates on the app itself and find accommodation together.