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 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.
Outcomes
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.
Other projects
FleetEX Platform Design for SayaraTech – Fleet Fuel Management System
A complete product design project for SayaraTech in Saudi Arabia, including branding, UX research, and the design of a fleet fuel management platform with more than 40 screens covering dashboards, transactions, invoices, and reporting systems.
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