Expert Career Connect

A responsive web app designed to help users that are changing careers connect to mentors in their chosen field.

Offering users support and connection during times of transition and uncertainty.

The Problem

Users changing careers need a way to connect with experts in their chosen field, because they need to learn more about the work and what it takes to get the job, develop new skills, build a network, fill in gaps in their education or previous experience, and be prepared to interview.

My role

UX Design, Research, UI Design

As the only designer on the project, all research and deliverables included in this case study are my contributions.

Why this project and why now?

We are in the middle of The Great Resignation. Millions of people have quit their jobs, trading in one job for another to gain higher compensation, hiring bonuses, or to finally chase a passion. More than ever before, people are looking for expert mentorship as they prepare to change careers. They want support and connection.

Scope

This project scope includes a full development cycle, including defining the problem and product goals, research, ideation, testing, refinement, and delivery. I used the double-diamond design methodology, the non-linear process, allowing flexible iteration.

How it all began…

Discovery phase

Checking in with Users

What do users want?

What are their behaviors?

What are their pain points?

What are their motivations?

Early in the project, I conducted six user interviews with people in the process of leaving one career in the hopes of chasing a new one. My research goals were to: understand users’ behavior behind changing careers, understand users’ pain points and preferences when using career-related sites or apps, understand what triggers users’ motivations to change careers, identify things users believe would be helpful in their career-changing process.

Based on the results of the user interviews, I learned users are wanting to change careers for a few strong reasons including pursuing a passion, financial stability, flexibility, and freedom. Users are interested in accessing video, in-person sessions, as well as chat features. They are also seeing networking opportunities and events. Users would like different tiers of mentorship and coaching. Some would prefer a one-time session while others are looking for long-term mentorship. All users mentioned they want a welcoming, non-intimidating experience.

The valuable insights were:

Focus the product on creating accessible opportunities for users to engage in conversations with their mentors.

Build trust. When users can connect with an individual in real dialogue it offers a personal way for users to gain information and readiness.

Craft the tone of the app so that it is professional yet welcoming.

Branding should be focused on the following: “Pursue a passion”; “Find your dream job”; “One-on-one mentorship”

Checking out the market..

I wanted to see what other products were out there for career mentorship? What are the market advantages? What are the opportunities? How can we compete? After completing an analysis including SWOT, Content Audit, and UX of MenteeMe and PushFar…

What did I discover?

There is room for improvement. Competitors show problems with usability, proficiency, and creativity. The UI is cluttered and confusing. I found a lack of personal connections between users and mentors. Both apps were immature and underdeveloped.

After speaking with users and checking the market, I found a strong case, a need in the market for a one-on-one career mentorship app.

Expert Career Connect aims to create a seamless, positive, productive experience, complete with simple and engaging UI, and a large network of mentors and mentees.

Concepting

Who are the users?

User Personas

Who will be using Expert Career Connect?

A little background information.

skills, patterns, goals

Once I had my user personas, I began to concept user journeys. One of the most important flows involves searching for new mentors and booking a session. Users will scroll these mentors, select one, find details, select a date and time, and confirm booking. I created an onboarding flow with a brief questionnaire helping to curate mentors. With the second user journey I focused on accepting the video call from the mentor.

App Construction

Information Architecture

How will users flow through the app?

Open Card Sort to test the Information Architecture

Using Optimal Workshop I created an open card sort to test the app’s information architecture. Thirteen participants completed the task.

The results of the card sort led to several insights. Additionally, the appropriate location of scheduling and sessions, in relationship to mentors is now better understood. Users will go to Mentor Sessions to find upcoming bookings or their session history. They will be able to accept video calls here, as well as cancel or reschedule. To book a new session, users can either go to their Mentor page or Mentor Sessions.

 

Additional user interviews

After conducting another round of user interviews, I found users prefer their Dashboard to be centered around mentorship and the networking/events feature. Users also want all their activities, and their calendar events, in one place. They feel the goals feature can move to Account. 

“I would rather my Dashboard contain both my mentors and my networking events.”

“I want to be able to see my full calendar on my Dashboard.”

 

Models

Mockups and Prototypes

 

Demonstrating process

 

Validating

Usability Testing

Moderated & Remote Testing was conducted on the mid-fidelity Expert Career Connect Prototype.

Six Participants, ages 23-45.

The goal of this study was to assess the learnability for new users interacting with the career mentorship app for the first time.  I observed and measured if users could understand the app, its value, and how to complete basic functions such as logging in, searching for a mentor and booking a session. 

I tested the first prototype, using Adobe XD, and focused on the primary flows including onboarding, searching mentors, booking a session, search events and booking events.

Findings

 

Assessing the testing data, I created affinity maps, seen here, and utilized a rainbow spreadsheet.

Takeaways

  • Kelly Cawfield

    “I would like to see the fees up front.”

    “I always check reviews.

  • Becca Taylor

    “Will the app be curated for me, based on what type of job I am searching for?”

    Search filters are important.”

  • Alex Wolf

    “I would like my mentor sessions and my event bookings to be located in the same place in the app.”

  • John Allen

    “I want my Dashboard to be clean, easy to read and navigate.”

    “I don’t want to take time to figure it out.”

  • Mara Low

    “I want my payments and goals to be together in my Account, not in the Dashboard.”

  • Hilary Williams

    “I would like to see, before I book, how my mentor will meet with me, whether it is in-person or on zoom.”

Test Report

Issue 1

Participants had trouble navigating to Search Events

Issue 2

Participants had trouble navigating back to the Dashboard due to lack of familiarity of icon

Issue 3

Participants clicked on “Search Mentors” while already on that screen.

Issue 4

Participants requested a filter for “Search Mentors”

A/B Testing

Preference tests

In order to test user preference of the UI, I generated an AB Test, suing Usability Hub. The test included a total of 70 participants.

Of the above screens, users preferred Screens 2 (60%-40% and 78%-22% respectively). They expressed appreciation for the “sleek, minimal, appealing” look. Participants also preferred screens that expressed mentorship. I interpret that to mean illustrations of people together.

Through testing, users expressed what they needed in a career mentoring app. They described what features they wanted and where they wanted those features to be. Users also shared their preferences regarding the look and feel of the app. They shared their experiences, frustrations, and confusions and offered suggestions for improvements.

A sample of my response to users’ feedback. I modified the following:

Clean Dashboard with Mentors, Events, Calendar

Separate Account with Profile, Payment, Goals, Notifications

Tab and Cards, for clarity and easy navigation

Navigation bar with universal icons and text

 
 

Delivery

High-fidelity prototype

created with Figma

Click here: Expert Career Connect

 

Video walk-through

Expert Career Connect high-fidelity prototype

 

Design Guide

 

Color Palette

 

UI Elements

 
 

Iconography

 

Typography

 

Ilustrations

 

Photography

Designing with accessibility

Making design choices in order to be inclusive.

Considering possible visual, cognitive physical impairments, as well as accommodating distracted users, will create opportunities for more users to successfully engage with the app.

Wrap-up

 

Users expressed a desire for a career mentoring app that offers personal guidance, with a welcoming approach. They want to access the information easily, find and connect to mentors that are directly related to their interests, and seek networking opportunities. Users want simple, uncluttered UI, but with an engaging appeal. They want details upfront and hope for the app to filter their unique circumstances.

The current design is focused on:

Building trust

Creating an enjoyable and productive experience

Setting a professional, yet warm tone

Offering one-on-one sessions as well as chat options

Longterm & one-time mentoring

Networking events

I believe a work is never finished. Although Expert Career Connect has been developed with considerable investigation and has gone through many iterations, the future holds opportunities for further ideation, testing, and implementation.

What’s next for Expert Career Connect

  • Goals Feature

    Creating an interactive and enjoyable Goals feature, beyond a simple list, will help users continue to engage with the app.

  • History

    Additional plans to develop a user app history, which will include comprehensive listing of all mentor sessions, events attended, goals achieved.

  • Chat Feature

    The Chat Feature may prove to be one of the most valuable components of the app and could be further developed.

  • Timeline

    The project is approximately 10 weeks from final deliverables. The iterative process with each stage taking 1-2 weeks: planning, analysis, design, implementation, testing, evaluation. While the entire product will receive attention, focus will be on the above mentioned features in need of the most development.

Coming soon!

I am working with the leadership team of Dirty Data LLC, as lead UX Designer, to create a new branding and website.