Loading...
Banner Image

Project Overview

The Problem

Young graduates, students, and entrepreneurs often struggle to find accessible mentorship, which limits their personal and professional growth. This lack of guidance leads to missed opportunities and reduced confidence, while mentors face challenges connecting with mentees due to geographical and time constraints, and the absence of structured platforms.

The Product

Techmentor is an online platform that connects young graduates, students, and entrepreneurs with mentors worldwide, enabling valuable knowledge exchange, skill development, and career guidance through structured mentorship.

Project duration

  • Jan 2022 - Feb 2022 (8 weeks)

Project goal

  • To design a solution that connects new college graduates with experienced industry professionals for mentoring and career guidance, while addressing geographical and time constraints.

My role

  • As the lead product designer, I was responsible for overseeing the app design from concept to delivery, collaborating with key stakeholders and developers throughout the process.

Responsibilities

  • Branding & Visual Design
  • User Research & Interviews
  • Wireframing & Prototyping (Low and High Fidelity)
  • Usability Testing & Iteration
  • Accessibility Considerations
  • Prototyping (low and high-fidelity)
  • Developer Handover

Project Kickoff

Research: Introduction

The research phase aimed to gather insights into the expectations, pain points, and preferences of users seeking mentorship and to inform design decisions that would create a user-centered mentorship platform.

Methodology

I used a combination of qualitative research methods, including user interviews and surveys, to gather data from a diverse pool of potential users. By conducting in-depth interviews, I uncovered motivations, expectations, and concerns regarding mentorship platforms.

Research questions:

  • How do potential users perceive the concept of a global mentorship app?
  • What motivates users to seek mentorship?
  • What features and functionalities do users expect from a mentorship app?
  • How do users envision the mentor-mentee interaction process?
  • What design styles resonate with users?

Findings

Clear Motivations for Mentorship

  • Users seek guidance from experienced professionals to navigate career challenges.
  • Mentorship is seen as a shortcut to success and a way to gain practical insights.

Positive perception of a digital solution:

  • The idea of a global mentorship platform excited users, as it offered broader perspectives and learning opportunities.
  • Users emphasized the need for a simple, user-friendly interface to find mentors aligned with their goals.

Desired Mentor-Mentee Interaction

  • Users envisioned scheduling virtual meetings and progress updates with mentors.
  • Mentor profiles were seen as key to making informed connection choices.

Expected Features

  • Users expected personalized mentor recommendations based on their interests and career goals.
  • Secure messaging for easy communication was a priority for users.

Creating personas

Based on the research, I developed personas to represent the primary user groups:

Persona 1: Emily the Ambitious Student

Problem Statement: Emily is a college student aspiring to launch her own tech startup. She lacks real-world experience and seeks a mentor to guide her through entrepreneurship.

Persona 1 Image

Persona 2: Marcus the Recent Graduate

Problem Statement: Marcus recently graduated in marketing and landed his first job. He is overwhelmed by the transition to the professional world and needs mentorship to navigate office dynamics and build his career confidence.

Persona 2 Image

Persona 3: Olivia the Seasoned Entrepreneur

Problem Statement: Olivia is an experienced businesswoman who is passionate about giving back through mentorship. However, she struggles to find committed mentees who value her expertise.

Persona 3 Image

Ideation & Prototyping

Digital wireframes

I sketched initial wireframes based on the insights gathered from user research. These wireframes focused on simplifying the mentor search and recommendation process, while ensuring users could easily connect with relevant mentors.

Lofi Image

Low fidelity prototype

I created a low-fidelity prototype to gather feedback during the usability study. The prototype featured the core functionality of mentor matching, messaging, and scheduling virtual meetings.

View prototype

Usability study

Study type:

  • Moderated usability study

Location:

  • Lagos, Nigeria

Participants:

Five participants from diverse backgrounds: software engineering, marketing, student life, and entrepreneurship.

  • Participant 1: Male, 28, Software Engineer
  • Participant 2: Female, 35, Marketing Manager
  • Participant 3: Non-binary, 22, Student
  • Participant 4: Male, 40, Entrepreneur
  • Participant 5: Female, 26, Graphic Designer

Duration:

  • 15-30 minutes

Key Findings

Navigation:

  • The main navigation was intuitive, but there was confusion around the "Mentors" tab, which participants mistook for community-related content.

Mentor Matching:

  • Participants appreciated the filtering options but were unclear on how the matching algorithm worked and whether it aligned with their preferences.

Mentorship Request:

  • Participants understood the request process but missed the option to add a personalized message when connecting with mentors.

Task Completion:

  • Core tasks, such as searching for mentors, were easy to complete. However, the "Send Mentorship Request" button label was confusing, and participants suggested it be more action-oriented (e.g., "Connect with Mentor").

Refining the design

Mockups

Based on usability feedback, I refined the design by adding a search suggestions section to the home screen, improving the clarity of mentor profiles, and simplifying the mentor-matching process. Additionally, I relabeled the "Send Mentorship Request" button for better clarity.

Hifi Image
Hifi Image
Hifi Image

High Fidelity Prototype

The high-fidelity prototype incorporated the usability findings and offered a polished, user-friendly interface. It maintained a simple, structured flow for connecting mentees with mentors globally.

View Full Prototype

Landing page

Web app

Accessibility Considerations

Screen Reader Support

Clear labels for interactive elements ensured compatibility with screen readers.

Contrast & Visual Legibility

Sufficient color contrast between text and backgrounds for readability.

Consistent Navigation

  • Easy-to-navigate structure with clear headings and well-organized content for all users.

Developer Handover

Handoff Process

I used Figma for detailed design specifications, ensuring developers had access to all elements such as measurements, color codes, and interaction guidelines. Design specs were shared via Figma’s Inspect feature, enabling developers to extract CSS properties easily.

Key Takeaways

What I learned

  • Usability testing was critical in uncovering user needs and refining the platform to be more intuitive.
  • Designing with accessibility in mind led to a more inclusive experience, accommodating a wider range of users.

Impact

  • The Techmentor platform provided an enhanced user experience, evidenced by positive feedback from further testing. Accessibility features ensured that users with diverse needs could use the app effectively.

Conclusion

The Techmentor case study allowed me to refine my approach to designing inclusive and user-centered solutions. By leading the design process from research to developer handover, I contributed to a product that connects people globally and fosters personal and professional growth through mentorship.

Lets connect! 👇🏽

Write me a message here!
These are my direct contacts:

Thank you for checking out my site! 🙏🏽

© Akin Adeleke 2022|Designer