Works     Graphics    Info

Club Day Roadmap

PRODUCT DESIGN



Keywords: Event planning, orientation, student organizations.




GOAL

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


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


RESEARCH

Target User


Freshman undergraduate 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

I chose freshman undergraduates, because they would likely need the most help from orientations. While not the primary target, transfer students can also be potential users.

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 for Design Decisions


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: Facebook


Clubs have dedicated Facebook Pages and Events for their organization. Facebook events and profile posts also boost and advertise student organizations.

Problem: You have to know what you’re looking for, or have the right person in your network to be able to have easy access to these information.

Existing Solution: Student Efforts


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 short-termed.
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.

Based on the criteria above, I’ve decided to try and build out the idea of having an official web app for club day events. 

Club Day Roadmap


Feasible: This would be a simple website with few screens involved.
Accessible: This can be incorporated onto the official website/distributed as a link.
Clear Organization: Information arranged intuitively, inspired by Tumblr

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 calendar

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.

Searching

Browsing


Details



I also created an interactive prototype on inVision. 









© 2020 Designed by Maggie ︎