Designing an all-in-one housing app that simplifies the fragmented rental process, providing seamless access to listings, roommate matching, and communication tools.
ROLE
Founding Product Designer
TIMELINE
Oct 2023âMay 2024
8 months
TEAM
Lana Nguyen / Founder
Victoria Aye / Founder
Yashas Jain / Engineer
Yiran Shi / Engineer
Tenzin Choezin / Design Strategist
SKILLS
Product Design
Product Strategy
Mobile Design
Visual Design
Design Systems
TOOLS
Figma
CONTEXT
CozyLink is a startup aimed to tackle the fragmented, inefficient rental process that many college students face.
As the founding designer and sole designer on the team, I designed all mobile screens and played a key role in defining our product vision. My work also included creating the logo, brand illustrations, and design system.
SOLUTION
An app that enhances transparency in the rental process by connecting student renters with verified tenants, listers, and roommate matches for a streamlined experience.
Browse properties as a guest and start viewing immediately, but to access roommate profiles, you'll need to create an account and set up a profile for verification purposes.
Use our branding to personalize your profile, either by uploading your photo or selecting a custom avatar.
Get full transparency on rental expenses, including utility and Wi-Fi fees, laundry options, furniture details, and room availability.
Inquire about open rooms, explore the interactive map, and clearly see whatâs included or excluded in each property.
Use the interactive map to calculate distances between the property and key locations based on your mode of transit, all without leaving the app.
Easily form a housing group by reaching out to current and previous tenants, as well as the landlord, to ask any questions about the property.
View overall ratings, read comments, and ask anonymous questions about the propertyâanswered exclusively by verified tenants and landlords.
Explore the landlordâs profile for additional reviews and discover their other properties.
Create a roommate profile to start your search. Share some personality on your profile card, then go in-depth into your lifestyle and preferences in the next and final step.
Save properties into custom folders based on your preferences, and share them with others in your housing group.
To kick off the project, I collaborated with the founders and our design strategist to understand studentsâ experiences with the housing rental process, validating the need for our app.
Gain insights into student preferences between dorms and off-campus housing, current methods they use, and frustrations with the process.
Delve deeper into students' personal needs to identify the in-app features they desire most.
Explore similar apps in the market to understand user experiences, including feedback from listers, for valuable guidance.
We discovered that:
77.8% of students discover housing options primarily through informal ways like friends and social media, but they wish for a more organized discovery.
Students want greater transparency on rentals, including extra fees and landlord verification, easier ways to connect with compatible roommates, and better in-app communication to avoid using multiple platforms.
To supplement my primary research, I analyzed 6 mobile apps and 1 website before ideating in hopes of discovering a more favorable onboarding flow.
I used Airbnbâs mobile app as my main reference since they encompassed the most features that aligned with CozyLinkâs goals.
OBJECTIVES
How might we empower users to feel confident during the rental process?
How might we streamline and centralize the rental process for users?
How might we make the rental and roommate search more enjoyable for users?
PROCESS
Based on insights from our interviewees, I organized the desired features into key concepts, with the dots below the sticky notes indicating how frequently they were mentioned.
Our team aimed to combine listing and renting functionalities into a single interface, so I designed with this goal in mind.
However, this approach failed to meet the needs of all user typesârenters, sublessors, and landlordsâwhich became evident after several navigation iterations.
I replaced the create button with "Community" to offer additional support to young renters, boosting their confidence in the rental process to help them transition to independence.
Before
The rental details were confusing, mixing property-wide info with individual pricing. The rating lacked context, and the "roommates needed" badge was unclear.
After
I updated rental details to reflect the property for all occupants and added bedroom availability for clarity as well as sharing options.
Before
The roommate card was visually bland and didnât fully allow people to showcase their personalities.
After
I added an avatar and username for identification and more customizable fields. I also changed "Request" to "Message" to reduce friction and added an option to share profiles.
FINAL WALKTHROUGH
Users can access key rental details from the homepage, and tapping the listing reveals in-depth information on inclusions, tenants, and landlords.
Users can read reviews from verified tenants and ask questions in the Q&A section to gather insights and explore other properties under specific landlords.
Users can contact interested tenants, previous tenants, and landlords directly, streamlining communications.
Users can add locations and receive calculated distances and commute times instantly, eliminating the need for external maps.
Users can send friend-like requests to initiate connections, making the process more engaging and personable.
Users can share snippets of their personality in the card builder and more explicitly indicate roommate preferences in the questionnaire.
DESIGN SYSTEM
After selecting our brand color, Pine-60, which was used for the logo, I developed an extended palette to reflect our brand's cozy, clean, and fun values. This is only a portion of the style guide limited for concision!
I originally created these avatars as profile icons, but I see potential for expanding their use to enhance empty states, error messages, and loading screens.
LEARNINGS
My younger self would have never thought I'd say this. However, our strive for perfection severely hindered our progress. We aimed to create a flawless product rather than focusing on a MVP and allowing user testing to guide the rest of the product. We should have prioritized key features and planned releases more effectively instead of trying to launch everything at once.
I spent an excessive amount of time on minor design aesthetics rather than on the overall user experience. This led to missing important edge cases and interaction details during prototyping. Itâs crucial to balance visual design with usability to ensure a comprehensive and functional user experience.
We often found ourselves misaligned on goals and lacked a comprehensive brainstorming session at the beginning of the project. Holding such a session would have helped us clarify objectives and set a unified direction. I would advocate for early goal alignment and collaborative planning in future projects.
I would allocate more time to the discovery and definition phases of a project. This includes interviewing both renters and landlords, developing detailed user flows, and creating wireframes before moving on to mid to high-fidelity designs. Thorough exploration and definition of user needs and workflows are essential for creating a well-rounded and effective design.