This mobile site is under construction. Please view on a desktop for the full experience.

Spots Project Frames

Spots

As Sprint Lead for Synthesis & Ideation, I collaborated with a design team to shape Spots into a student-first housing hub, connecting students with homes, roommates, and community.

Role

Associate UI/UX Designer

Designed at

Design Interactive

Duration

6WKs

Tools

Figma & Notion

Team

Hannah Lei, Hubert Lee,

Raymond Wong, and Alyannah Erika

More Than a Move, The Strain of Student Housing

Spots is a socially-driven platform designed to simplify the search with a mix of peer-to-peer listings, vetted local properties, helpful insights, and a supportive student network.

This project was the result of a 6-week intensive design sprint in Design Interactive at UC Davis, from October 16th to December 1st, 2023. In this challenge, we specialized in human-centric solutions through multidisciplinary collaboration.

🏆 Awarded: Most Customer Centric UX

graphic line for section separation

A UX Approach to Student Housing: 0 to 1 Design




Context

Our team tackled our project based on the following prompt:

Finding affordable, safe, and convenient off-campus housing can be a significant challenge for college students, especially those new to a city or university.


⚙️ How might we create an online platform that connects students with verified housing options, provides rental guidance, and facilitates informed housing decisions?



Project Goals

Streamline Housing Search

Make finding roommates and rentals easy and efficient.

Offer Vetted Listings

Provide safe, reliable housing options.

Personalize Matches

Use quizzes for tailored roommate and property connections.

Empower with Information

Give students essential renting guidance in a simple format.

graphic line for section separation

Approach


Preliminary Research

We began with competitive and comparative research (Zillow, Airbnb) and found...


Key Strengths

  • User-Intuitive Layout
  • Comprehensive Information

Key Weaknesses

  • Missing Leasing Dates
  • Limited Communication Tools

Opportunities for Improvement

  • FAQ Integration


Interviews

Our team conducted 12 interviews to get more specific insight into individual thoughts and processes when finding off campus housing. From these insights, we identified key needs like affordability, clarity, and social connection.




80%

Pricing

Participants mentioned affordability as a major challenge in finding housing.

73%

Proximity

Surveyors stated proximity to campus as a deciding factor.

90%

Application Type

Surveyors preferred using desktop websites for housing searches.

40%

Discovery

Surveyors stated they often find housing opportunities through social sites/forums or word of mouth.

graphic line for section separation

Synthesis & Ideation

My Role

During our team meeting, I facilitated a collaborative walkthrough of both our quantitative data and our insights from user interviews and observational research.

Affinity Mapping

Insights that reflected shared student needs and frustrations. These findings directly shaped our feature prioritization and content strategy. We identified five core focus areas: pricing, accessibility, comparability, transparency, and community.


afinity map

The Uncertain Student Persona

Based off data from both surveys, interviews, and affinity mapping we developed personas of our target users: 2nd to 4th year students looking to find off capus housing with little to no knowledge on renting.


user persona
user persona

Lo-Fi Sketches

I facilitated a sketching session where each team member ideated wireframes based on our user insights. This collaborative process shaped our first draft of the content structure and possible features.


lo-fi application sketches in mobile and desktop

User Flows

During the pre-prototyping stage, we started with a user flow to be clear of the journey each user would be taking and to define the core tasks and interactions users would complete within each page.


User Flow Diagram of Spots application
graphic line for section separation

Mid-Fi Prototyping

Our initial wireframes included 4 pages all addressing different aspects of our data. The Home and Listings page serves as a hub for browsing tailored listings and contacting landlords, while the Explore page fosters community through shared posts and roommate connections. The Create a Post form streamlines contributions with photos and details, making the housing search both intuitive and collaborative.


Spots Mid-Fi frames of the application

User Testing

We conducted user testing on our mid-fidelity prototype with 5 participants and found these to be the most apparent pain points:

The Good

Direct landlord access: Simplified communication with verified property owners.

Localized student networking: Easy connection with local peers for shared housing needs, fostering community engagement.


The Bad

Poor CTA Placement: The “Post a Listing” button felt intrusive and unclear.

Underplayed Social Element: Our unique value, student social interaction, wasn’t initially front and center.


User-Informed Adjustments

Clearer Structure: Renaming “Explore” → “My Feed” and “Home” → “Properties” improved clarity.

Stronger Focus: Making My Feed the homepage highlighted our platform’s unique social features.

Feedback directly shaped layout and content changes.

Design Standards & Branding

design standards visual
graphic line for section separation

Bringing the Experience to Life

A centralized platform that connects students to verified listings, offers rental education, and simplifies the housing search.

Onboarding


A compatibility quiz personalizes the experience from the start, matching users with ideal roommates and listings based on lifestyle, preferences, and housing needs.

My Feed


A dynamic feed of student posts, complete with compatibility scores, listing links, and messaging, creating an interactive hub for exploring and sharing housing options.

Properties


A map-based view of housing listings with filters, student reviews, detailed amenities, pricing breakdowns, and direct contact with landlords, everything in one place.

Profile


A centralized direct contact with landlords, view saved listings, posts made by the user, and personal info, empowering users to refine their matches and keep track of their housing journey.

Create a Post


A smart, adaptive form that guides users based on what they’re looking for, whether it’s a roommate, tenant, or place to live, making it easy to share housing needs.

graphic line for section separation

Final Design Highlights

Reducing User Friction

Spots reduced the emotional burden of student housing search, creating a more intuitive and student-informed experience.

Operational Efficiency

Through automation and personalized feeds guided by an onboarding quiz, Spots significantly reduced the time students needed to find compatible housing that matched their preferences and lifestyle.

Community Building

Spots became a digital campus where students find housemates, trade furniture, and share advice through community forums. These features added trust and transparency, creating value beyond basic listings.

🏆 Awarded - Most Customer-Centric UX

Industry professionals recognized Spots for its thoughtful execution and emotional intelligence. Judges praised the usability, with many saying they'd use it themselves, validating our goal of designing around how students actually live and connect.

hi-fi frame view