top of page
Holly Chen Logo.png
madnet@2x.png
MadNet-M.png

UW-Madison Mentorship Program Mobile App Design

Project Details

Duration: Feb 1- 7, 2020

Google's Design Challenge

Process

​User Interview

Ideation

Wireframing

Information Architecture Strategy

Prototyping

Tools

Pen & Papers

Adobe XD

Adobe Illustrator

Photoshop

Challenge

Your school wants to strengthen the community by encouraging experienced students to connect with new students and help them adjust to campus life. Design an experience that allows mentors and mentees to discover each other. Consider the needs of both mentors and mentees, including how someone may become a mentor and how to connect mentors to mentees.

Goals

I wanted to design an experience that allows mentors and mentees to discover each other. I aimed at improving the user experience as well as adopting the principle of design thinking. Hence, the needs/problems of both mentors and mentees are my primary considerations during the design process.

Research Takeaways

Empathizing

Because of the time constraint, I conducted 6 interviews with current UW students and students from other universities that have previously attended the mentorship program.

Problem statement summarized from user interviews

Mentor's

  • 4 people said “too busy to commit”

  • Scheduling conflicts

  • Lacking communication and unclear goals

  • Lacking mentee participation

  • Potential harassment or over-pressuring from one side

Sparks of joy users found or expect in the mentorship program

​Mentee's

  • Insider tips of college life  (both academic & life)

  • Navigating a new city

  • Guidance from the same language speakers

Mentee's

  • Program is limited to academic support

  • Difficult to establish a true connection with mentors

  • Questionable commitment by mentors

  • Time compatibility with mentors

  • "He kept calling me… "

User Journey: The Original Web Application Process

original user journey.png

Issues with the original user journey

  • Web-based

  • Unknown mentor/mentee

  • How to ensure the relationship is established successfully?

Design Process

Ideation

The Concept of UW-Madison Mentorship App​

  • Academic Excellence

  • Holistic Development

  • Diversity & Inclusion

  • A Safe Community

These concepts are a summary of the user interviews regarding the "culture of UW-Madison".

MadNet

Introducing the new mobile mentorship program app of the University of Wisconsin - Madison which provides the whole-rounded experience of a mentorship program. The program goes beyond academic support and celebrates diversity and inclusivity on our campus. With this new matching mechanism, students can easily find the person that clicks and maximize the purpose of our program.

Experience through Mobile App

Reasons for choosing to build a mobile app

  • Most universities request students to submit application form through their websites to evaluate if the candidates are qualified.

  • The experience I aim to design is to create a friendly, accessible, and whole-rounded mentorship program that provides guidance beyond academia.

  • Hence, I decided to create a user-friendly mobile app, where communication can take place via university registered email accounts

 

Wireframes

Screen Shot 2020-02-04 at 21.08.05.png

​Drafting out the ideas with low fidelity, then brushing up with high fidelity wireframes.

User Journey of MadNet (New)

Mapping out user journey with the screen flow in high fidelity prototypes.

User Journey Screen Flow.png

Problem Solving with Prototypes

Concept 1: Card-Swipe Matching

Problem statement: "It’s hard to connect with “the right person”.

 

Matching-flow-1.png
swiping indication.png

Design Solution

  • Without compatible matches, we cannot maximize the program’s benefits.

  • To remove the extra step for partner re-application, I adopted a card-swipe matching mechanism.

  • Users can see all the user profiles in “Community” with the filter functions to endorse people in the same majors or aspects.

  • Then users can go to “Matching”

    • “Match Myself” mode,  to see who endorses them and swipe to choose their matches.

    • “Give me surprise!” mode gives users another option by automatically creating matches based on their interests and the aspect they would like to focus on.

    • To check the list of candidates you liked.

Concept 2: Resolving Scheduling Conflict

Problem statement: “We can’t find the time to meet”

 

Scheduling conflict.png

Design Solution

  • This is one of the most notable complaints amongst the interviewees.

  • By listing user availability on their profile page, scheduling conflicts can be considered during the matching process.

  • Furthermore, the Chatbox also provides users with the flexibility to communicate online for an immediate response. Thus, eliminating the need for multiple appointments.

Concept 3: A Holistic Program

Problem Statement: "The program is limited to academic support."

 

Design Solution

  • By providing a wide range of mentorship to also include: diversity, inclusion, and accessibility.

    • For instance, international students may have trouble acclimating to a different culture and language.

    • A lot of people are struggling with finding their own community since UW-Madison is a very big school. “Other links” is a page that provides information about different student organizations that can bring students together.

  • By matching a mentor and mentee with similar cultural backgrounds, the app helps to alleviate the language barrier and aims to improve adaptation to a new life in the city.

  • It is also crucial to incorporates psycho-social qualities into the design. Hence, I added the aspects of community belongingness and mental well-being support.

holistic1.png
Creating a safe space

Concept 4: Creating a Safe Space

Problem Statement: Potential harassment or pressure

 

Design Solution

  • It is crucial for students to feel safe in an educational environment. Safe can be defined as a sense of belongingness, personal privacy, etc.

  • This app requires students to register with campus emails, so inappropriate incidences can be documented by the university. It also ensures the student account authenticity.

  • The app does not require personal information such as location or phone number.

  • The “Feedback/Report” section is to opt-out of the relationship. The management team will investigate and report to UW campus police system once the cases are found sensitive.

  • The chatbox feature also allows students to explore topics that they do not feel comfortable addressing face to face.

Design Style

  • UW-Madison official color guidelines

  • A welcoming and friendly tone

color.png
signin@2x.png
landing@2x.png

Ideas to Further Iterate

  • Interviewees indicated that students view mentorship from peers as more accessible compared to seeking professional help.

    • Collaborating with Mental Health Service on campus to launch mental counseling training courses on the app to more effectively navigate sensitive topics.

  • Prompt questions on the user profiles for a better understanding of your partner during the matching process.

Copyright © 2025 Holly Chen. All Rights Reserved.

bottom of page