Mustang Housing Website Design

Designed a website prototype for Cal Poly Business Student’s senior project, Mustang Housing

Designed a website prototype for Cal Poly Business Student’s senior project, Mustang Housing

Client: Senior project team at Cal Poly
Project Type: Web Interface Design
Year: 2025

Client: Senior project team at Cal Poly
Project Type: Web Interface Design
Year: 2025

Project Summary

Mustang Housing is a platform designed to simplify the search for off-campus housing for Cal Poly students, help them find roommates, and allow users to create housing listings. Over three weeks, my team of two designers transformed the clients’ initial mockups and ideas into a high-fidelity website prototype, including key pages such as sign-up, home, vision, about the team, and user profiles. The design provides a clear, professional, and user-friendly interface, giving the project a strong foundation for future development.

The Challenge

The clients had a clear vision for Mustang Housing but lacked a polished, user-friendly design. Their initial mockups conveyed ideas but needed refinement to ensure usability, clarity, and visual consistency. Our challenge was to translate their concepts into a cohesive website prototype in just three weeks. We needed to balance the students’ vision with user-friendly design practices, structuring pages so that visitors could easily navigate the platform, understand the purpose, and explore the content efficiently.

Our users are primarily students struggling to find off-campus housing. Key goals included creating a clear sign-up flow, an informative home and vision page, listing pages, a roommate matching page, and professional, approachable visuals that effectively communicate the project’s mission.

Results

I designed the Studio Mode feature, creating a workspace where users can effortlessly organize, recall, and share their travel memories using location data from their photos, improving clarity and intuitiveness. Company owners were satisfied with the high-fidelity screens, which are currently under development, with the app expected to launch at the end of 2026.

Results

I designed the Home, Vision, Team, Profile pages, and menu components to create a more intuitive and refined version of the students’ original mockups. The clients were pleased with the final prototype and are considering extending the project for future development. This project taught me how to effectively communicate with non-designers, translate their ideas into polished designs, and work efficiently within a tight three-week timeframe. This project represents an earlier stage in my design journey, and since then, my skills have grown considerably

Design System

Mid and High Fidelity Designs

Mid-fidelity designs were iteratively refined based on feedback from the company owners and the professor from Yonsei leading the development side, with a focus on clarity, usability, and workflow. Key features include:
Dedicated Studio Mode workspace: A central area for users to log and organize memories of visited locations.
Posting flow screens: Step-by-step interface for saving locations, adding details, and sharing experiences.

After many meetings with the team of developers and the company owners, I began refining the designs into high-fidelity screens, preparing them for development handoff.

Mid and High Fidelity Designs

Mid-fidelity designs were iteratively refined based on feedback from the company owners and the professor from Yonsei leading the development side, with a focus on clarity, usability, and workflow. Key features include:
Dedicated Studio Mode workspace: A central area for users to log and organize memories of visited locations.
Posting flow screens: Step-by-step interface for saving locations, adding details, and sharing experiences.

After many meetings with the team of developers and the company owners, I began refining the designs into high-fidelity screens, preparing them for development handoff.