2024
Role: UX Research, UX Design, UI Design
Tools: Figma, Figjam, Illustrator
Check us out: cmuhousing.com
CMUhousing.com aims to improve student life through the undergraduate dorm selection process, providing incoming freshman, transfer students, and exchange students with easily accessible information and student opinions.
Group project focused on a solving a campus problem. My contributions included:
- Research lead: wrote interview guide, coordinated recruiting, led interviews with participants, led debriefs and managed documentation of findings
- Collaborated with fellow designer and computer science major to map out the website architecture and requirements. All final design decisions were collaborative
- Presented at critiques with stakeholders and captured feedback for iterations
Choosing campus housing at CMU can be overwhelming. Students often struggle to find dorms that meet their needs and accomodations, and the existing housing website makes it difficult to access clear, up to date information or compare options.
We learned about student strategies for evaluating dorm options and then built our solution around meeting the needs underlying their strategies. Key findings included:
- Students opt out of CMU-provided dorm information because it’s stale and incomplete; they seek out dorm ranking videos posted online by other students
- They reach out to students currently living in a prospective dorm to gather recommendations and personal experience
- They create a ranked list of priorities for their living experience and compared dorm amenities to the list in order to eliminate dorms
USER PAIN POINTS:
DESIGN OBJECTIVES:
- Users can take a short survey about their behaviors, preferences and needs to help filter and prioritize dorm options.
- The site suggests housing options that best match user inputs.
- The “All Building Options” page presents users with personalized recommendations based on the initial survey, with Wild Card suggestions highlighting housing that aligns with unique goals or aspects of a student’s identity.
- Users can also filter by amenities, atmosphere, and distance to refine their search and find their ideal match.
- The “Building Comparison” page lets users view amenities and room information for two or more dorms side by side.
- Integrated student reviews share past residents’ experiences, helping users make more informed housing decisions.
- The “Building Information” page lets users explore a dorm in detail with student reviews, a photo gallery, floor plans, video walkthroughs, and more.
- The “Write a Review” page lets past residents share their experiences of amenities, room quality, and atmosphere of specific dorms so that future students can make more informed housing decisions.
USABILITY TESTING:
We studied apps like Airbnb to understand more strategies for organizing complex content. Based on the usability testing and analogous app reviews, we made the following decisions:
- Look for opportunities to share information through visuals rather than only text
- Break up information into scrollable sections
- Offer “view more” to give users control over whether they see all available information
To distinguish our site from CMU’s official housing page, which uses red and blue, we chose a vibrant orange and turquoise palette to stay professional yet energizing. We also designed a consistent system of rating sliders and buttons to make comparisons intuitive and interactions easy.