CollegeMate

College community app/website

COLLABORATION

COLLABORATION

University of Wisconsin - Madison, BS in Computer Science

University of Wisconsin - Madison, BS in Computer Science

College students don't have time to waste on unnecessary inconveniences.

College students don't have time to waste on unnecessary inconveniences.

CollegeMate is a community app designed exclusively for college students. Our mission is to streamline academic planning, foster peer connections, and promote a supportive campus atmosphere, ensuring students thrive both academically and socially.

CollegeMate is a community app designed exclusively for college students. Our mission is to streamline academic planning, foster peer connections, and promote a supportive campus atmosphere, ensuring students thrive both academically and socially.

https://www.collegemate.app/

MY ROLE

MY ROLE

UX Research

UX Design

UI Design

UX Research

UX Design

UI Design

TEAM

TEAM

Rachel Yun
Daekyun Kim (Product Manager)

Hyecheol Jang (Tech lead)

Seokhee Han (Lead Engineer)

+ 8 more talented people

Rachel Yun
Daekyun Kim (Product Manager)

Hyecheol Jang (Tech lead)

Seokhee Han (Lead Engineer)

+ 8 more talented people

DURATION

DURATION

2+ years

2+ years

TOOL

TOOL

Figma

Back-end Languages (Node.js, Typescript, Azure Cosmos DB, and Express)

Front-end Languages(React, Typescript, and MUI)

Figma

Back-end Languages (Node.js, Typescript, Azure Cosmos DB, and Express)

Front-end Languages(React, Typescript, and MUI)

Problem

College students waste a significant amount of time jumping between different websites to manage their schedules and search for information, yet they are still left with inaccurate course evaluations and unreliable information that fails to support their academic success.

Solution

CollegeMate simplifies the process. An image of your schedule that perfectly fits your phone screen, friend requests to access friends' schedules, course schedule that reflects the official school website, and CollegeMate's own course evaluation system for more participation and accurate information.

PROCESS

Discover

→

→

Define

→

→

Develop

→

→

Deliver

DISCOVER

Market Research

MY ROLE

MyUW

University of Wisconsin’s official app for students, instructors and staffs

  1. Real-time data from University of Wisconsin.

  2. Course details/materials/reserves and accessing Canvas.

  3. Not as effective or convenient due to superabundant information.

Allows users to find and rate your professor or school

  1. Students can get class information before registering.

  2. Missing schools or instructors.

  3. Users have to put information manually.

  4. Unverified users’ comments.

iStudiez Pro

Award-winning Student's Planner

  1. Can manage classes, assignments and deadlines.

  2. Well-designed interface.

  3. Not free. Have to pay.

Class Timetable

Features a calendar display and multi-week support

  1. Users can organize tasks.

  2. Uses iCloud to sync across devices.

  3. Syncing can be inconsistent.

  4. Takes too long to create a timetable.

DISCOVER & DEFINE

User Needs

MY ROLE

Key Findings

01

Interviewees find it inconvenient to view their class schedules on the school website.

02

Interviewees are dissatisfied with how class schedules are displayed on school websites.

03

Interviewees don’t find class reviews very helpful.

04

Interviewees generally want to know their friends’ class schedules.

DEFINE

Affinity Map

MY ROLE

Display / Interface

Viewing schedules

Class Reviews

Friends' Schedules

DEFINE

Persona

MY ROLE

Solo Bookworm

Michael

Age: 20
Major: English
Personality: Introverted, forgetful
Occupation: College student (sophomore), part-time librarian
Location: Chicago, IL

Age: 20
Major: English
Personality: Introverted, forgetful
Occupation: College student (sophomore), part-time librarian
Location: Chicago, IL

Casebook Master

Anaya

Age: 26
Major: Law
Personality: Driven, charismatic
Occupation: Graduate student
Location: New York, NY

Age: 26
Major: Law
Personality: Driven, charismatic
Occupation: Graduate student
Location: New York, NY

Lab Leader

Suzi

Age: 21
Major: Biology
Personality: Bubbly, enthusiastic
Occupation: College student (Junior)
Location: Boston, MA

Age: 21
Major: Biology
Personality: Bubbly, enthusiastic
Occupation: College student (Junior)
Location: Boston, MA

Camera Wiz

Michael

Age: 22
Major: Photogrpahy
Personality: Outgoing, optimistic, playful
Occupation: College student (senior),
part-timer at camera store
Location: San Francisco, CA

Age: 22
Major: Photogrpahy
Personality: Outgoing, optimistic, playful
Occupation: College student (senior),
part-timer at camera store
Location: San Francisco, CA

DEFINE

Journey Map

MY ROLE

DEFINE

Point Of View & How Might We

MY ROLE

POV (Point of View)

Michael wants to go to the right class without making unnecessary stops at the wrong classrooms. He needs a convenient way to keep track of his class schedule and classroom.

Michael wants to go to the right class without making unnecessary stops at the wrong classrooms. He needs a convenient way to keep track of his class schedule and classroom.

→

→

HMW (How Might We)

How might we make it easier for Michael to quickly remind himself of his schedule?

How might we make it easier for Michael to quickly remind himself of his schedule?

POV (Point of View)

Anaya wants to study at the school library as much as possible while her schedule is all over the place. She needs an easy way to know how much time she can spend at the library studying each day.

Anaya wants to study at the school library as much as possible while her schedule is all over the place. She needs an easy way to know how much time she can spend at the library studying each day.

→

→

HMW (How Might We)

How might we help Anaya see her schedule and available times at a glance?

How might we help Anaya see her schedule and available times at a glance?

POV (Point of View)

Suzi wants to spend more time with her friends during long breaks between classes. She needs a way to find out who is on campus and what they are doing without having to ask everyone each time.

Suzi wants to spend more time with her friends during long breaks between classes. She needs a way to find out who is on campus and what they are doing without having to ask everyone each time.

→

→

HMW (How Might We)

How might we help Suzi keep track of her friends more easily?

How might we help Suzi keep track of her friends more easily?

POV (Point of View)

Lev wants to learn about classes he might enjoy that could also teach him professional hard skills. He needs to manage his time efficiently regarding school life.

Lev wants to learn about classes he might enjoy that could also teach him professional hard skills. He needs to manage his time efficiently regarding school life.

→

→

HMW (How Might We)

How might we make it easier for Lev to find the classes that meet his needs?

How might we make it easier for Lev to find the classes that meet his needs?

DEFINE

Ideate

COLLABORATION

Solo Bookworm

Michael

Casebook Master

Anaya

Lab Leader

Suzi

Camera Wiz

Lev

DEVELOP

Site Map

COLLABORATION

DEVELOP

Feature Highlight

MY ROLE

Original design: https://www.collegemate.app/

Schedule Wallpaper

Schedule Wallpaper

Download your timetable to perfectly fit your phone's screen. Say goodbye to screenshots. Access your schedule whenever and wherever.

Customizable Schedule

Customizable Schedule

Customize your schedule effortlessly with CollegeMate - real-time data from UW's database at your fingertips. CollegeMate updates for you.

Follow Friends

Follow Friends

Eliminate the "What's your schedule?" dilemma. CollegeMate simplifies viewing friends' timetables. No back-and-forth. Stay connected in a snap.

Evaluations

Evaluations

Experience intuitive course evaluation. Do not spend a minute on unsatisfying class reviews. CollegeMate values your time.

DELIVER

Design System

MY ROLE

OUTCOMES

What’s Next

OUR SUCCESSIONS

  1. I was able to communicate with engineers and marketers seamlessly.

  1. We eliminated the unnecessary steps of viewing and sharing schedule.

  1. We customized schedule image to users' mobile device screen dimension so editing is no longer needed.

NEXT STEP

  1. Updating UI design internally

  1. Designing an official student identity verification method for student discounts and deals.