Club Explorer

Overview

A side project to design an experience for new students to browse, search, and propose new student organizations.

Role & Duration

UX Designer
Product Thinking, UX Design, Visual Design

2 days

User Goals

After interviewing my target audience, university students age 17-23, it provided me with the following insights:

  • Students are looking to make new friends
  • See what their friends are a part of
  • They want to be a part of something they are interested in
  • They want to try something new
  • They are looking for something that will fit in their schedule
  • How do they feel when they are trying to find one?

  • anxious
  • overwhelmed
  • excited
  • dissapointed if they can't find something they like
  • What are they looking for when proposing a club?

  • Simple Process
  • Ability to edit the club organization details without needing to contact someone
  • Overall, my goal was to design an experience that reduced the amount of anxiety when looking for clubs to join as well as providing a simple way to allow students to propose their own clubs.

    User Flow

    Ideation

    After looking at other university club listings, I found common content elements and began sketching different iterations for features before starting the wireframes.

    Wireframes

    After researching different university club websites, I condensed all the different types of clubs into 11 categories. I wanted to have these categories to be viewable on the left side bar when the user first enters the website so they are able to see right away what topics might interest them. Being able to filter their preferences by category can help with the user feeling overwhelmed by the number of clubs.

    The search bar at the top of the page allows the user to search for an organization or category globally throughout the site as being able to browse is the primary function.

    Each club is represented on a card with a brief description so that user's can get a quick idea of what eahc is about as they're scanning. Clicking on a organization's card, bring's up the full details including a view of the organization's google calendar that they can add to their own if they are thinking of joining.

    I included social links to get the user excited about joining and to see if they are interested in those events.

    I designed a sign-on using their student accounts so that students can propose new organizations and manage the one's they are already in charge of. This way they can get feedback on their application and manage their existing ones all in one place.

    After researching common question's asked on university Club proposal forms, I designed a proposal form that encompassed commonly asked questions. Having only one step simplifies the process and cuts out the stress that might be preventing some students from starting their own clubs.

    The user can also edit some of their current organization details including their public description and social links. They are also able to change admin privileges over to another student by searching for their userID. It will ask them to confirm they understand that switching admins will remove their privileges. I chose to have only one admin per club as I had feedback from club executives that having the option of too many admins caused members to feel a lack of responsibility.

    High-fidelity Mockups

    Using Material Design guidelines, I designed the the above UI for browse and view details of a club.

    Next Steps

  • Given more time, I would have liked to have created an interactive prototype for user testing on university students.
  • Design extra accompanying features to make the search/browse experience more fun