Club Day Roadmap

personal project

To 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

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.

DESIGN —

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