MentorBridge – UX/UI Design of a Mentorship Platform Landing Page

A UX/UI case study focused on designing a high-conversion landing page for MentorBridge, a mentorship platform that connects learners with experienced mentors. The goal was to create a clear, engaging, and persuasive page that communicates value, builds trust, and encourages users to sign up.

Role

UX/UI Designer – Research, Copywriting, Wireframing, UI Design

Industry

Career Guidance / Mentorship / Landing Page Design

Duration

2 weeks (June 2025)

Stage 1. UX Research & Opportunity Audit

I initiated the project by conducting a focused UX research phase to understand the mentorship experience from the user’s perspective. This included competitor analysis, desk research, and informal user interviews with aspiring designers. I mapped key pain points in the current mentorship landscape — such as unclear mentor expectations, lack of structure in sessions, and limited accessibility. These insights shaped the foundation of MentorBridge, with early design decisions aimed at solving these specific gaps.

Stage 2. Design Strategy

I crafted the initial design strategy for MentorBridge by defining a clear user flow that simplifies how mentees discover mentors, book sessions, and prepare for their calls. The core priorities were usability, trust-building, and smooth onboarding. I also outlined a scalable structure for potential future features, such as mentor ratings, live session previews, and follow-up notes. To stay focused, I mapped a design roadmap dividing tasks into core MVP features and future enhancements.

Stage 3. Prototype Development

Wireframing: I sketched and structured the core screens and flows in low-fidelity wireframes using Figma. This helped me translate early research into a more intuitive and streamlined user journey — from discovering mentors to booking sessions. I focused on minimizing friction points and ensuring a logical, goal-oriented experience for first-time users.
High-Fidelity Prototyping: I then developed high-fidelity prototypes that brought MentorBridge to life. The design emphasized clarity, focus, and trust, with clean layouts that reflect the professional tone of a mentorship platform. Interactive flows showcased the simplicity of booking, session previews, and mentor discovery.
User Interface Design:The UI was crafted to be minimal yet engaging, using a modern color palette centered around calming blue tones (#4C6FFF) and golden highlights. Typography and iconography were carefully chosen to support both clarity and emotional connection, helping mentees feel supported and guided throughout the experience.

Stage 1. UX Research & Opportunity Audit

I initiated the project by conducting a focused UX research phase to understand the mentorship experience from the user’s perspective. This included competitor analysis, desk research, and informal user interviews with aspiring designers. I mapped key pain points in the current mentorship landscape — such as unclear mentor expectations, lack of structure in sessions, and limited accessibility. These insights shaped the foundation of MentorBridge, with early design decisions aimed at solving these specific gaps.

Stage 2. Design Strategy

I crafted the initial design strategy for MentorBridge by defining a clear user flow that simplifies how mentees discover mentors, book sessions, and prepare for their calls. The core priorities were usability, trust-building, and smooth onboarding. I also outlined a scalable structure for potential future features, such as mentor ratings, live session previews, and follow-up notes. To stay focused, I mapped a design roadmap dividing tasks into core MVP features and future enhancements.

Stage 3. Prototype Development

Wireframing: I sketched and structured the core screens and flows in low-fidelity wireframes using Figma. This helped me translate early research into a more intuitive and streamlined user journey — from discovering mentors to booking sessions. I focused on minimizing friction points and ensuring a logical, goal-oriented experience for first-time users.
High-Fidelity Prototyping: I then developed high-fidelity prototypes that brought MentorBridge to life. The design emphasized clarity, focus, and trust, with clean layouts that reflect the professional tone of a mentorship platform. Interactive flows showcased the simplicity of booking, session previews, and mentor discovery.
User Interface Design:The UI was crafted to be minimal yet engaging, using a modern color palette centered around calming blue tones (#4C6FFF) and golden highlights. Typography and iconography were carefully chosen to support both clarity and emotional connection, helping mentees feel supported and guided throughout the experience.

Stage 4. User Feedback & Iteration

Since this was a self-initiated project, I shared the MentorBridge prototype with a few designers and mentees within my personal network. Their informal feedback highlighted areas for improvement in button clarity, session availability display, and the overall trust signals on mentor profiles. Based on these insights, I made small but impactful refinements to improve the user journey and visual communication — ensuring a smoother and more intuitive experience.

Stage 5. Outcome & Next Steps

The MentorBridge prototype represents a complete MVP vision — from problem discovery to an interactive high-fidelity experience. This project allowed me to sharpen my UX thinking, design system skills, and storytelling approach. While not yet implemented, the project is ready for handoff to development and could be used as a foundation for a real-world mentorship product. I’m currently gathering feedback and preparing to present it as part of my design portfolio and future interview conversations.

a black cellphone with a white letter on it

Outcomes

Other projects

Zyana – Fashion E-Commerce App UX/UI Case Study

A modern and intuitive e-commerce app experience crafted for fashion lovers.

Rehab – UX/UI Design of a Hotel Booking Mobile App

A UX/UI case study for a hotel booking mobile app designed to simplify the process of finding, comparing, and reserving hotels. Rehab focuses on creating a seamless booking flow, personalized search filters, and a user-friendly interface tailored for both travelers and business users.

FoodDash – My Google UX Design Graduation Project

A UX design case study created during the Google UX Design Certificate, focusing on building a user-centered food delivery app with streamlined ordering, efficient delivery, and an intuitive mobile experience.

Tel El Zohor – Plastic Manufacturing Brand Rebirth

Redesigning a plastic manufacturing brand’s digital presence to boost clarity, trust, and sales

Momen Abdelkarim

Momen Abdelkarim

Momen Abdelkarim