ALUM Mentorship App
Crafting a 0-to-1 mobile app to deliver personalized mentorship resources to high school students
ROLE
UI/UX Designer
TIMELINE
2023 - 20 Weeks
TEAM
2 designers, 1 PM, 8 developers
TOOLS
Figma
Overview
Creating an accessible mentorship hub for high school students
WHAT IS “ALUM”?
Alumni Leaders and Undergraduate Mentors (ALUM) is a nonprofit organization that aims to foster long-lasting connections between high school students and undergraduate alumni.
PROBLEM SPACE
ALUM’s current mentorship program was difficult to manage and insufficient at providing a lasting impact on students. They wanted to expand their program structure to have broader reach, and needed the right infrastructure to do so.
SOLUTION
My cross-functional team and I created a mobile application zero-to-one where student-mentor pairs can schedule mentorship sessions and track their progress.
JUMP TO FINAL DESIGNS
→
Context
A CLOSER LOOK AT ALUM’S EXISTING PROGRAM
Budding students don’t have 6 weeks in their summer to spare.
ALUM hosted a 6-week summer program where mentor-mentee pairs attended info sessions, group sessions, and one-on-one’s. They noticed that this synchronous structure wasn’t a great fit, as many students had summer commitments like internships and jobs.
ALUM wanted to switch gears towards a mentorship model where mentor-mentee pairs could meet on their own time. They hoped that by giving pairs more flexibility and time to connect, the relationships formed would be stronger and more personal.
Motivations
WHY CREATE AN APP?
At its simplest form, mentorship sessions are two people chatting over video call about their careers. ALUM could send off an email with mentor-mentee pairings and leave it at that, but they wanted to build an environment where students feel inspired as part of a larger community.
After having conversations with ALUM’s exec team, our team proposed a mobile application as an on-demand, at-your-fingertips hub for all things mentorship related. Not only did we hope that this would align well with student lifestyles, but having an app could help ALUM keep track of participant activity and retention in an efficient way.
SO THEN,
How might we create an app for ALUM that makes mentorship more accessible and promotes personal and lasting connections between students and mentors?
Research
WE INTERVIEWED 17 PAST MENTORS AND STUDENTS.
Mentorship is not one-size-fits all
My design lead and I collaborated with our PM to delve deeper into students’ frustrations and needs. We found that many of them felt that the program impact was limited due to it’s short duration and inflexible meeting schedule.
Based on their testimonials, I honed in on 4 major areas of improvement:
PREPARATION
👩🏻🍳
Students felt shy about reaching out, and weren’t sure what questions/topics to talk about.
It’s daunting to reach out to a stranger” - Vritti
CONNECTIVITY
🔗
The biggest blocker for reaching out was sorting through schedule conflicts.
Reaching out got easier, but it took a lot of time” - Emma
PROGRAM PURPOSE
🎯
The main topics of interest for students were college applications, extracurriculars, and career paths.
It’s difficult to figure college apps out without guidance” - Steven
I didn’t know what activities to spend time on in high school” - Yuvika
ADAPTABILITY
🔀
ALUM wanted to support different mentorship modes as user preferences changed.
I’d like to stick with one mentor, it’s easier to open up after multiple conversations” - Hannah
I’m interested in different fields, so I’d like to reach out to anyone” - Vritti
Ideation
THE MORE DIRECT, THE BETTER
Taking our own experiences with coffee chats as inspiration
When brainstorming, we thought about how students like ourselves typically go about scheduling coffee chats with industry professionals. The process typically consists of three steps:
Reaching out — students find and message professionals on social media platforms like LinkedIn
Scheduling — both parties align on a day/time to meet
Preparation — students typically jot down questions and topics they’d like to cover
As we thought about these steps, we reflected on what about this process works, and what about it doesn’t. We agreed that most issues originate when scheduling.
MVP APP FEATURES
Based on our initial ideas, we began thinking about our app as a mentorship hub that could support all three steps of the coffee chat process, from reaching out to preparation.
MENTOR VERSUS MENTEE JOURNEY
As our proposed app features were fairly broad, we created users flows to better envision how they would interact. In addition, because our app would have both a mentor and mentee-facing side, it was crucial to make sure differences between the two were accounted for.
User Testing & Iterations
WE TESTED OUR DESIGNS WITH 11 STUDENTS
Revisions driven by testing and cross-functional feedback
We conducted usability testing, focusing on how students perceived the app’s features and its envisioned role in mentorship. We were further guided by feedback from our client and dev team, which helped us reassess the priority of certain features.
01
Utilizing Calendly API to reduce developer workload
Our EM had concerns with the feasibility of a built-in scheduling system, so we pivoted to using Calendly which allowed us to allocate more effort on other complex features.
02
Recognizing when features need to be scaled down
We scaled “goals” down to “action items” after learning that students prefer to track shorter and simpler tasks.
03
Crafting a friendlier first look
We experimented with shapes and illustrations to convey the friendliness and approachability that students were expecting.
Design System
We built a design system with over 37 components and styles.
The ALUM team was flexible with their branding, but wanted something that conveyed the values in their mission, which was to make mentorship friendly, approachable, and personable.
As we explored various combinations of typography, iconography, and colors, we gradually built a fully fledged design system to aid in building our hi-fi mockups efficiently and ensure consistency. I primarily worked on buttons and info cards, keeping in mind edge cases like overflow text and relevant disabled/error states.
OUR FINAL DESIGN
The ALUM app helps students maximize the value of mentorship sessions and maintain longer-lasting relationships.
01
COMPREHENSIVE USER PROFILES SUPPORT MEANINGFUL AND TAILORED GUIDANCE
Mentors and students can elaborate on their background, goals, and passions through customizing information on their profiles and when submitting their program application.
02
BOOK 1:1 MENTORSHIP SESSIONS IMMEDIATELY BASED ON SHARED AVAILABILITY
Students can schedule mentorship sessions directly in the app whenever they need. Mentors can allot time in their schedule specifically for mentorship purposes through Calendly, which can be synced to other calendars.
03
SESSION FORMS AND ACTION ITEMS SUPPORT MENTEES IN TRACKING THEIR PROGRESS
To more confidently prepare for mentorship sessions, mentees can share questions about what they want to discuss with mentors ahead of time. Setting action items also helps keep mentees accountable.
Takeaways
COMMUNICATION IS KEY
This project was one of my first times working cross-functionally with PMs and developers, and getting to put myself into their shoes was a very valuable learning experience. Although communication was rocky at certain points, our ability to tackle obstacles and constraints improved as we made an effort to communicate more consistently.
HAVING CONFIDENCE IN YOUR WORK
It was sometimes difficult to find the sweet spot between defending my designs and welcoming feedback, but developing more confidence in my design rationale helped me stay proactive in doing what was best for the team and our client.
