Rachel Yun ⎪ CollegeMate

CollegeMate

College community app

My Role

Empathy Interview
Ideation
UI Design
Design System

Team

Rachel Yun - Product Designer
‍Daekyun Kim - Product Manager
Hyecheol Jang - Tech Lead
Seokhee Han - Lead Engineer
Yongsang Park - Lead Engineer

+ 6 other people

Duration

July 2021 - Present

Tools

Figma
‍Back-end Languages(Node.js, Typescript, Azure Cosmos DB, and Express)
Front-end Languages (React, Typescript, and MUI)

College students are overly used to inconveniency.

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.
www.collegemate.app

Problem

There are too many unnecessary steps to view school schedules. Students must log into the school website. To see friends' schedules, they have to ask their friends to do the same and send a screenshot. Scrolling up and down to find the schedule screenshot before every class is additional work.

Solution

CollegeMate simplifies the process. An image of your schedule that perfectly fits your phone screen saves you valuable time and effort. Users can send friend requests to access friends' schedules.

DiscoveR

Market Research

MyUW

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

Real-time data from University of Wisconsin.

Course details/materials/reserves and accessing Canvas.

Not as effective or convenient due to superabundant information.

Allows users to find and rate your professor or school.

Students can get class information before registering.

Missing schools or instructors.

Users have to put information manually.

Unverified users’ comments.

iStudiez pro

Award-winning Student's Planner.

Can manage classes, assignments and deadlines.

Well-designed interface.

Not free. Have to pay.

Class Timetable

Features a calendar display and multi-week support.

Users can organize tasks.

Uses iCloud to sync across devices.

Syncing can be inconsistent.

Takes too long to create a timetable.

Discover

What Do College Students Need?

An efficient way to manage college life and engage with others without disrupting their busy lifestyles.

affinity map

User persona

Solo Bookworm

Michael

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: Grad student
Location: New York, NY

Lab Leader

Suzi

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

Camera Whiz

Lev

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

journey map

IDEATE

More Than Viewing Schedules

IDEATE

Finalizing Our Thoughts

After lots of brainstorming sessions, we came up with ideas that will help college students make their lives easier and more manageable. Here are four key features.

SITE MAP

DESIGN & DEVELOPMENT

Feature Highlights

DESIGN SYSTEM

Reflection

What's Next

Our Successions

1. I was able to learn how to communicate with engineers.

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

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

Next Step

It would be great if this app could be used as a method that verifies the users are students for many advantages that only students can get such as student discount.