Club Day Roadmap
personal projectTo design an experience for freshman college students to discover clubs and orientation events on campus.
MY ROLE —
︎ Research & Persona
︎ Ideate
︎ Userflow & Wireframes
︎ Mockups & Prototype
KEYWORDS —
Event planning, orientation, student organizations.

RESEARCH —
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
Interviews
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.
IDEATION —
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
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”.
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.
Feasibility: Easy to build and test.
Accessibility: Independent from student’s existing social networks.
Clear Organization: Intuitive for people to use and sort through.
DESIGN —
![]()
Some important functions and features include:

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

Some important functions and features include:
- Browse clubs based on interests indicated
- View club events
- Create schedule based on club events selected
Sketches
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
Wireframes

Mockups
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.
Searching

Browsing

Club Details
