Handshake Redesign

Redesigning a university talent platform


timeline

1 week

role

Interaction design, wireframing, user research


about

When Wellesley College replaced MyCWS (our previous career site) with Handshake, our entire student body collectively happy danced when we found out. Handshake is much more user-friendly and robust that our previous system, and I’m excited about the platform’s future potential. I saw some opportunities to improve Handshake’s student user experience, and wanted to offer some possible solutions.

Disclaimer: This is a design exercise. I am not affiliated with Handshake.

Meet Handshake

Handshake is a college career network that aims to transform the recruiting experience for college students, career centers, and employers. The platform gives students access to job opportunities and career resources, helps career centers better serve their students, and provides employers with more efficient access to a broader range of talent. Handshake currently serves 3+ million students, 170+ universities, and 100,000+ employers.


Brainstorming

After reading more about the company from their website and getting a better understanding of their mission, I jotted down some quick notes about the product and different user groups.

brainstorming note

A few questions I considered:

  • Is the platform easy to use and navigate?
  • What problems is Handshake attempting to solve? How effective are the current solutions to these problems?
  • What are students most interested in doing when they visit Handshake?
  • When are students using Handshake, and why?
  • How does Handshake compare to its competitors?


Design Critique

Next, I spent some more time exploring all of Handshake’s main features, and did a design critique of the home page, notifications, job search, job listings, and events.

home page
notification page
job search page
events page

Design Critique Summary

Learning how to use Handshake takes a little time initially, but I was glad to discover that the most important pieces of the puzzle are there — you just have to find them. As a new user, it’s easy to get lost in the navigation scheme. The home page would be better leveraged if it were completely personalized to the student, provided more relevant recommendations, and summarized everything that’s new since their last visit. Notifications would be more helpful if they were simplified and didn’t force a student to navigate away from their current activity.

Keeping in mind that college students are extremely busy, and that recruiting adds a significant amount of stress to their lives, Handshake could better serve their students by reducing complexity as much as possible.


User Research

To gain a better understanding of how students are using Handshake, I conducted a simple survey, several interviews, and some online research. The people I surveyed/interviewed were a mix of Wellesley College students and undergraduates at other schools around the country. You can view all 56 survey responses here.

Here's what I learned:

  • Overall, students rated Handshake 6.7/10 for intuitiveness
  • 40% of students immediately look at jobs & internships
  • Most commonly used features: scheduling appointments with counselors (71%), browsing jobs and internships (64%), and browsing/RSVPing to events (39%)
  • Many students struggle with navigation, often having difficulty finding the resources page and their saved jobs
  • Students often don't understand the value of completing their profile
  • In general, students say they’ve benefitted from Handshake, but they strongly desire a more personalized experience throughout the site

survey results
A snapshot of what students had to say:

“It is pretty easy to use overall, however, there is so much stuff on handshake that it can be extremely overwhelming.”

“I don’t feel that handshake is personalized for me, there are a lot of things that show up that are irrelevant to my interests.”

“I thought I applied to several internships, but later realized that I only submitted my resume through Handshake, and then needed to additionally go to the internship URL and do more application steps.”

“I still have a hard time figuring some things out, like when I favorite a job post without applying to it, how do I find it again?”


Design Goals

Based on user feedback, I defined goals for my redesign:

  1. Reduce complexity. To reduce the cognitive load it requires to use Handshake, highlight only the most important information.
  2. Consistency. Unify the visual identity and establish a clearer information hierarchy throughout the platform.
  3. Fluid Navigation. Make features more discoverable and accessible. Students should easily be able to find what they’re looking for.
  4. Personalization. Create an experience that’s completely focused on the student’s individual needs and goals.


Design Explorations

I began exploring the direction of my redesign by considering the website's information architecture.

original site map

Original site map

redesigned site map

Final redesigned site map


I always like to start out my wireframing process with sketches and low-fidelity wireframes, in order to focus on organizing information rather than visual aesthetics. Here are a few of my low-fidelity explorations:

low fidelity wireframes

Final Design

In my final designs, I decided to focus on the home page and job search page, which are two very frequently visited pages. I aimed to create a simple, functional, visually elegant, and intuitive design solution.


Redesigned Home Page

Personalization
Recommendations are tailored to the user’s career interests.
Metadata
All important details about jobs and events are presented while keeping a clean layout.
Card carousel
Easily browse through more options without leaving the Home page.
Accent colors
Calendar items and notifications are color coded to distinguish appointments, events, interviews, and resources.
redesigned home page

Notifications

Easily check notifications and dismiss them without leaving the Home page. Notifications are color coded based on different categories.

redesigned notifications


Favorites

Hover over a job, event, or resource to add it to your favorites. A toast notification with a hyperlink to the user's favorites appears, making saved favorites more discoverable.

redesigned favorites


Content Carousel

Browse more similar events and jobs without leaving the Home page. Recommendations are grouped and tailored to every student's unique profile, which includes their career interests, class year, and past Handshake activity.

card carousel


Redesigned Job Search Page

Two level menu
Easy navigation between various sub-pages without adding clutter to the Home page.
Everything job-related in one place
Applied jobs, documents, and career interests all under the "Jobs" tab.
Seamless searching & filtering
Begin searching with only a keyword, and add more filters as needed.
Saved searches panel
Users can select old saved searches, or save a new search.
redesigned job search page


Usability Testing + Feedback

To learn how users would respond to my designs, I conducted in-person user tests with 15 students (10 Handshake users and 5 non-Handshake users).


Handshake Users

I started by asking 10 students who were already Handshake users to compare the Home Page and Jobs Page of the original design and my redesign. The students I surveyed came from 3 different schools, represented all four class years, and had a wide variety in their areas of study. They had varying frequencies of use and familiarity with Handshake.

"Usually I get kinda overwhelmed when I check Handshake, but this looks clean and organized, and it still feels like I'm getting the same information."

"I would be excited to check back for new jobs because they're personalized for me and right there on the home page."

"I like that it says whether the job is paid or unpaid - that's a really important factor for me. It's nice to see it upfront without having to go to another page, sometimes only to be disappointed to see that a position is unpaid after getting excited about it from reading the job description."

"Whoa I never knew you could save searches! This makes it really easy to save a search and pull it up again later."

"I love the top bar. The categories are easy to understand and I can find the page I'm looking for much quicker (compared to the sidebar layout)."

Comparing the two designs:

  • 10/10 chose the redesign when asked: "Overall, which design do you prefer?"
  • 9/10 chose the redesign when asked: "Which design's job filtering interface feels more intuitive to you?"
  • 8/10 preferred the horizontal navigation (redesign) over the sidebar navigation (original). 1 student who chose the original admitted that their primary reason for choosing it was because they were already used to it.
  • 10/10 preferred the notifications panel (redesign) over the separate notifications page (original)


Non-Handshake Users

For the following set of questions, I found 5 college students who were not Handshake users so that prior experience with the platform wouldn't influence the results.

1. Testing the discoverability of "Favorite Jobs": "Imagine that earlier this week you saved some internships you're interested in. Start from the Home page and try to find your saved internships again."

Result: On average, it took 7 seconds for students to find "Favorite Jobs" in the redesigned version, compared to 11 seconds in the original design.


2. Testing the discoverability of "Save Search": On the Jobs Page, how would you save a search?"

Result: On average, it took students 3 seconds to find the "Save search" button in the redesigned version, and all 5 students were able to find it. In the original, it took 4 students an average of 11 seconds to find, and 1 student wasn't able to find it at all by the time a whole minute had passed.


All Students

I was super excited that the feedback on my redesign was overwhelmingly positive! Overall, students found it to be more user-friendly and visually appealing than the original. However, even if a student had a positive reaction to the redesign, I still asked them if there was anything they didn't like or thought could be better.

A few of the Handshake users admitted that since they were already used to the original version, it might take them a little time initially to get used to the new design. 3 students mentioned that the blue navigation bar reminded them of LinkedIn (1 student liked this, and the 2 others were neutral).