HCI: Website Prototype

For this project we built a website prototype from scratch to connect local nonprofits with Whitworth Computer Science classes that match their project needs based on skill set and class subject.

Working in rotating small teams, we emphasized collaboration, research and communication. We began by interviewing organizations and conducting research to better understand their goals and challenges. Using these insights, we developed user stories, personas, and mood boards to shape the application.

In the prototyping phase, we conducted continuous user testing to refine our design. I focused on ensuring clarity and usability by designing a homepage that clearly communicates the website’s purpose and goal. I also created a project submission form for organizations to specify their needs and a results page that ranks compatible classes from best to least fit. For unmatched needs, users can message a faculty member for assistance.

This project allowed me to combine my art and design foundations with research-driven methods to deliver a user-friendly tool that fosters collaboration between non-profits and students.

HCI Website Prototype Design

Adobe XD

Fall 2023

10 X 8 inches