Student App
UW Club Hub - Student Web App
Connecting UW Students
Role
Developer & Designer
Project Duration
3 Months
Team
Leonille
Krisna
Don
Project Overview
UW Club Hubs aims to fix the current web application that the University of Washington uses to connect students with clubs and organizations. The current web applications was quite slow, and not user friendly. We wanted to create a more user friendly and faster web application that would allow students to easily find clubs and organizations that they were interested in.
What is UW Club Hub?
UW Club Hub is a web application that allows students to easily find clubs and organizations that they are interested in. It's aim was to fix the outdated website, by modernizing the look, but also adding features that would make it easier for students to find clubs and organizations that they were interested in. Thse includes finding clubs much easier, resources to start a club, and managing connections with Admins and Members easier as well.
Problem
Outdated platform
One of the biggest problems with the current web application is that it is slow and not user-friendly. It was quite hard to navigate, and just wasn't intuitive when it came to finding current actives clubs. Also finding resources to start a club was quite difficult as well. Lastly, managing connections with Admins and Members was basically non-existent. All these problems discouraged students from using the platform.
Solution
Improved UX and New Features
To address these problems, we decided to create a web application that was more user-friendly and faster. We wanted to make it easier for students to find clubs and organizations that they were interested in, and to make it easier for them to connect with Admins and Members. We also wanted to make it easier for students to find resources to start a club, such as all the required forms and information.
Research and Beginning
We began our research by asking student officers and students who were involved in clubs and organizations what they liked and disliked about the current web application. We also asked them what features they would like to see in a new web application. We then used these informations to create User Stories and Use Cases, which we used to create a prototype of our application.
Process
For our process we broke it down into 5 parts. Research, Document, Design, Develop, and Iterate. These five steps helped us prioritize what we needed to do, and helped us stay on track with our project. Looking below, we can see how we broke down each step, through our process.
Technologies
After thorough research, we decided to compile a list of technologies that we would use to build our web application, we utilized technologies such as React, TailWindCSS, and Supabase to build our web application.
Process 1/4
Documentation
Documentation stage began with properly documenting our research, and then utilizing all the information we gathered to create a Gant Chart that would help us stay on track with our project. These including listing due dates, and what needed to be done for each iteration.
Process 2/4
Design
Once we had our technologies and documentation in place, we began designing our web application. Due to the nature of our project, We wanted to make sure we had enough time to develop our website, so we skipped wireframes and began designing and prototyping our web application.
Process 3/4
Develop
Once we had our design in place, we began developing our web application. We utilized GitHub to manage our codebase, and utilized our Kanban board to stay on track with our project. This stage was the longest, as we had to make sure our web application was bug free, and that it was user friendly.
Process 4/4
Conclusion
After 3 months of hard work, we were able to create a web application that was more user-friendly and faster than the current web application. We were able to create a web application that made it easier for students to find clubs and organizations that they were interested in, and to connect with Admins and Members. We were also able to create a web application that made it easier for students to find resources to start a club, such as all the required forms and information.
Future
In the future, we would like to add more features to our web application, such as a chat feature that would allow students to communicate with each other. We would also like to add a feature that would allow students to create sign ins within the app to track Students that attend their events. We would also like to add a feature that would allow students to create polls and surveys, and to view the results of those polls and surveys.