MentorMatch is a platform that allows current high school students to connect with alumni to get information about their experiences with majors they have selected and schools they have attended.
This website was created for the Spring 2020 Semester of Generate, a product creation club at Northeastern University.
HOME, LOGIN & SIGNUP
HOME These pages are the home pages for not signed in and signed in users. The onboarding page is for new users, the page explains how Mentor Match functions. The home page is for users that have an account, it gives them easy access to alumni who they have recently connected to as well as upcoming deadlines. These pages are optimized to help users with their college search. The orange elements represent elements which users can interact with, this is the reason that certain buttons, drop downs, and notifications are orange.
LOGIN These are the login pages used by current users to gain access to their accounts. Since users sign in using their schools, users who sign in must select their high school from a drop down. The school which they select is highlighted in orange to give feedback to the user that what they are trying to select has been selected. As well, on the left side, there is art and a welcoming statement to reinforce the space branding.
SIGN UP DROPDOWN
SIGN UP This is the sign up process for new users. It is similar to the sign in process because both have you log into your high school's work space. If your high school does not have access to Mentor Match, it will not show up in the drop down. Like other websites, Mentor Match has the user sign up using their email address, create a password, and confirm their password. If the user already has an account, the user can press the button at the bottom of the screen to be guided to the login page.
PROFILE & SEARCH
PROFILE These are the profile pages for mentors and mentees. Mentors are the alumni of the high school while mentees are currently attending high school. The mentees are seeking guidance from the mentors about what colleges to attend, potential majors, and tips for the future. Mentees can decide whether or not they wish to message a mentor based upon the college they have attended, their current location, interests, and jobs/internships they have had. Mentors can see similar information about the mentees. For example, if both the mentor and mentee had been in the same club during high school, it would give them something to talk about.
EDIT MENTOR PROFILE
EDIT MENTEE PROFILE
EDIT PROFILE When editing their profiles, I wanted for mentors and mentees to have an easy time adding information about themselves. Users can add in an education, bio, interests, and more. Mentees and mentors can also add different information than each other. For example, mentors can add their experience while mentees can add their dream colleges and dream majors to their profile.
EDIT PROFILE These are the pages that appear when the users click the plus button under "education" and "experience." These pages are set up similarly to LinkedIn so that the user can add basic information about both the schools they have attended as well as any jobs a user has had. The interactive parts of the profile are highlighted in orange to make it clear which parts of the page are editable.
MESSAGING Messages is where the mentor and mentee communicate. This page works similarly to other messaging apps, it includes the ability for users to see their messages, message someone, and see a brief overview of the person's profile in the chat itself. This overview allows the user to get a glimpse of this person to make the app feel more personal.