Club Day Roadmap

personal project

To design an experience for freshman college students to discover clubs and orientation events on campus.


︎ Research & Persona
︎ Ideate
︎ Userflow & Wireframes
︎ Mockups & Prototype


Event planning, orientation, student organizations.


Target User

Freshman undergraduate (who would likely need the most help from orientations) students entering college at the beginning of a school year:

  • Around the age of 17-20
  • With little to no prior knowledge about student organizations and campus life
  • Open and excited to explore new student organizations


To understand the existing problem space and key challenges involved, I asked a few friends around me to share their experiences about how they discover, join, or create student organizations.

Identifying Pain Points

Lacking of/unaware of online platforms that agglomerate different campus clubs
  • Limited reach on social media without proper connections/significant effort

Navigating around a large number of student organizations to:
  • Find specific clubs they’re already interested in
  • Shop around potential clubs of their interest
    Strategically plan around schedules to attend mandatory/optional club events

Key Insights

Online platform: Important alternative for those who can’t make it to orientations,or for those who prefer not to be physically present in a large crowd.

Large number of clubs: There are usually a lot of student organizations serving different interests/student bodies. The concern is too many clubs, not too few.

Schedule planning: Some feedbacks expressed the importance of attending club welcome events/info sessions on campus, and some experienced not being able to join certain clubs due to absences in their events.


Existing Solution: School Website

The University maintains a website that aims to collect and present information about all on-campus groups.
This is usually where new students will be directed to during their orientation, and is the most “official source” of information on clubs

Problem: Information overload and poor organization.
There are 1275 Organizations in 37 Categories.
I tried to look for a design club that I’m involved in - it’s listed under “Government Programs”, instead of “Arts Student Organizations”.

Existing Solution: Student org project

Students have attempted to build solutions to mitigate the problems. This is a student-built web game to help navigate around club day/orientation:

Problem: They are temporary and difficult to maintain.
This web game is no longer running live on the internet.

Inspiration: Tumblr onboarding

Tumblr is a social media platform popular amongst young people. Its intuitive onboarding process helps people discover and sort through their interests.

Brainstorm & Criteria

To decide on which idea to proceed with to further build and test, I set up a few criteria for judging, given realistic constraints and limitations in this exercise:

Feasibility: Easy to build and test.
Accessibility: Independent from student’s existing social networks.
Clear Organization: Intuitive for people to use and sort through.


User Flow

Some important functions and features include:

  • Browse clubs based on interests indicated
  • View club events
  • Create schedule based on club events selected


I sketched out a few screens of this Roadmap web app, which will have the following main functions:

  • Browse different student organizations on campus based on selected interests
  • Display basic information clubs based on indicated interests
  • Select areas of interest based on categories
  • Browse relevant club events and add to calender



I designed higher fidelity mock-ups for 3 key screens to highlight what the product looks like. For the visuals, I utilized bright, high contrast colors to create a light-hearted, playful atmosphere. I also created an interactive prototype on inVision.



Club Details