kd

hello-world

sandbox

Bruinwalk

Bruinwalk

Bruinwalk

Reimagining student course planning @ UCLA

Reimagining student course planning @ UCLA

Product Designer

Product Designer

Jan - July 2025

Jan - July 2025

2 PLs, 2 Designers, 5 Developers

2 PLs, 2 Designers, 5 Developers

Figma, Notion

Figma, Notion

• Product Consultation

• Product Consultation

• Product Consultation

What is Bruinwalk?

What is Bruinwalk?

Bruinwalk is UCLA's very-own trusted platform for students to leave anonymous reviews on professors, courses, & apartments! Built by students under UCLA Student Media, Bruinwalk brings a personalized experience to Bruins during the stressful time of enrollment.

• The Problem

• The Problem

• The Problem

Enrollment is one of UCLA's biggest "cons"

Getting classes @ UCLA is known to be stressful, ineffective, and frustrating. While Bruinwalk help students pick the right classes, it does not help the student during the process. How fast will my class fill up? How can I track the status of a class? With Bruinwalk's popularity amongst students, finding better ways to support our peers was a priority.

Getting classes @ UCLA is known to be stressful, ineffective, and frustrating. While Bruinwalk help students pick the right classes, it does not help the student during the process. How fast will my class fill up? How can I track the status of a class? With Bruinwalk's popularity amongst students, finding better ways to support our peers was a priority.

• Competitive Analysis

• Competitive Analysis

• Competitive Analysis

What other tools are students using?

Hotseat.io: shows enrollment distribution over time, but only tracks real-time drops rather than enrollment.

Hotseat.io: shows enrollment distribution over time, but only tracks real-time drops rather than enrollment.

Coursicle: sends notifications when a class has open seats, but students are limited to tracking 2 courses at a time.

Coursicle: sends notifications when a class has open seats, but students are limited to tracking 2 courses at a time.

ClassRabbit: monitors class availability and sends notifications, but does not show real-time enrollment progress.

ClassRabbit: monitors class availability and sends notifications, but does not show real-time enrollment progress.

Our Task ☺︎

How might we reimagine Bruinwalk as a centralized platform that supports students in real time throughout the enrollment period?

How might we reimagine Bruinwalk as a centralized platform that supports students in real time throughout the enrollment period?

How might we reimagine Bruinwalk as a centralized platform that supports students in real time throughout the enrollment period?

• Solution

• Solution

• Solution

Changing the enrollment experience forever.

Take a look at our final designs to see how we turned a universal student challenge into an effective solution :D

Take a look at our final designs to see how we turned a universal student challenge into an effective solution :D

• The Process

• The Process

• The Process

Real-time data, class status, & notifications

To ensure we covered all our bases, we drew on our knowledge of the various platforms students commonly use. By integrating live data such as enrollment progress, status updates, and real-time notifications, we aimed to deliver a seamless, all-in-one experience that supports students throughout the enrollment period.

To ensure we covered all our bases, we drew on our knowledge of the various platforms students commonly use. By integrating live data such as enrollment progress, status updates, and real-time notifications, we aimed to deliver a seamless, all-in-one experience that supports students throughout the enrollment period.

• Initial Designs + Explorations

• Initial Designs + Explorations

• Initial Designs + Explorations

Explorations

Building on the original enrollment progress designs, we explored ways to align the visuals with UCLA's brand while ensuring they could adapt dynamically to live enrollment updates. Take a peak at some of the iterations we made:

• 1st Challenge

Professors often teach multiple lecture sections for a single course and students typically want a specific section. How can we ensure that all sections are being covered?

Professors often teach multiple lecture sections for a single course and students typically want a specific section. How can we ensure that all sections are being covered?

Professors often teach multiple lecture sections for a single course and students typically want a specific section. How can we ensure that all sections are being covered?

• 1st Challenge

• 1st Challenge

• 1st Challenge

A selectable lecture list!

I designed a selectable lecture list that displays all the sections a professor teaches for a given course. Users can choose a specific lecture to view its live enrollment progress and even compare two sections side by side for better decision-making.

*at this point, our manager requested that we switch to UCLA’s official shade of blue & so that I did :)

• 1st Challenge [Solution]

• 1st Challenge [Solution]

• 1st Challenge [Solution]

Adapting the design to labs

With this updated design, I was also able to support the integration of lab enrollments. Since UCLA labs can have over 10 sections, I implemented a cap that allows students to view up to 4 lab sections at a time. In most cases, students typically track 4–5 alternative options that fit their schedule. By setting this limit, we reduce visual clutter and ensure that students can compare their options with ease.

• 2nd Challenge

Would displaying drop trends be useful for students?

Would displaying drop trends be useful for students?

Would displaying drop trends be useful for students?

• 2nd Challenge

• 2nd Challenge

• 2nd Challenge

Why did we remove drop progress graphs?

Unlike enrollment period, drops can happen at any unpredictable time! We decided that this acted as "less actionable" information as students are unlikely to track drop trends. Instead, we prioritized fleshing out our notifications feature which would inform students on when a class is open. This approach still monitors course drops, but it becomes actionable.

Unlike enrollment period, drops can happen at any unpredictable time! We decided that this acted as "less actionable" information as students are unlikely to track drop trends. Instead, we prioritized fleshing out our notifications feature which would inform students on when a class is open. This approach still monitors course drops, but it becomes actionable.

• Wrap-Up

• Wrap-Up

• Wrap-Up

Takeaways & impact

Bruinwalk continues to serve 53,000+ students and attract 30,000+ monthly visitors. Coming into UCLA, Bruinwalk was my favorite tool and it makes me feel incredibly privileged to have had the opportunity to be behind the scenes and advocate for students. With this new & improved Bruinwalk, I hope to have changed the way enrollment feels, even if it's just one person.

Bruinwalk continues to serve 53,000+ students and attract 30,000+ monthly visitors. Coming into UCLA, Bruinwalk was my favorite tool and it makes me feel incredibly privileged to have had the opportunity to be behind the scenes and advocate for students. With this new & improved Bruinwalk, I hope to have changed the way enrollment feels, even if it's just one person.

i'd love to chat ☺︎

• LinkedIn | Email

last updated: aug. 2025

San Francisco, CA

20

°F

i'd love to chat ☺︎

• LinkedIn | Email

last updated: aug. 2025

San Francisco, CA

20

°F

i'd love to chat ☺︎

• LinkedIn | Email

last updated: aug. 2025

San Francisco, CA

20

°F