Home
About Me
Case Studies
Contact Me

Medicalvance

Connecting Patients and Health Specialists on a Global Scale

View live website
Client
Rokin Solutions Inc
Timeline
2 weeks
My Roles
UI/UX Designer
Webflow Developer
medicalvance | Health care UIUX and Webflow project
project overview

Medicalvance is a comprehensive global healthcare platform designed to bridge the gap between patients and medical professionals. The platform allows doctors and clinics from any country to create professional profiles and showcase their services. Patients can easily register, find the right specialist or facility based on their specific needs, and book appointments for treatment.

My role in this project was to design and develop the primary landing page, which serves as the gateway for patients, doctors, clinics, and hospitals alike.

Challenges & Objectives

Multifaceted Audience: The design needed to cater to four distinct groups: patients, individual doctors, private clinics, and large hospitals.

Trust & Credibility: In the medical field, the UI must evoke a sense of security, professionalism, and modern care.

Multi-language Complexity: The platform operates in four languages (English, Persian, Arabic, and German), requiring a flexible layout that supports both LTR (Left-to-Right) and RTL (Right-to-Left) orientations.

Information Hierarchy: Balancing the introduction of the brand itself with the diverse range of medical services offered.

The Creative Process
1. Strategy & Collaboration

To reach the final result, I held numerous deep-dive sessions with the client to review various design directions. We focused on creating a structure that felt "global" while remaining accessible to local users in different regions.

2. UI/UX Design

The design was crafted entirely in Figma with a focus on a Modern Medical aesthetic:

  • Visual Style: Clean layouts, generous white space, and a professional color palette to reduce "medical anxiety" for patients.

  • Creative Sections: I implemented interactive and visually engaging sections to break down complex service offerings into digestible parts.

  • User Flow: Streamlined the path from "Landing" to "Finding a Doctor" to ensure high conversion rates.

3. Development

The final approved designs were meticulously built in Webflow:

  • Responsive Excellence: Ensured a seamless experience across all devices, from high-end monitors to mobile phones.

  • Multi-language Infrastructure: Developed a robust system to handle the four-language toggle, ensuring typography and alignment remained pixel-perfect in every version.

  • Performance: Optimized assets to ensure fast loading times globally.

medicalvance | Health care UIUX and Webflow project
Medicalvance Key Features

  • Quad-lingual Support: Seamlessly integrated English, Arabic, Persian, and German.

  • Scalable Architecture: Built to accommodate a growing database of global clinics and practitioners.

  • Modern Visual Identity: Used contemporary UI trends to position Medicalvance as a cutting-edge health-tech leader.

  • User-Centric Navigation: Clear CTAs (Call to Actions) for both healthcare providers and seekers.

The Result

The Medicalvance landing page successfully launched as a high-performance, visually stunning portal. It effectively communicates the brand’s mission while providing a functional entry point for users across Europe and the Middle East.

medicalvance | Health care UIUX and Webflow project

Ready to start your next project? Get in touch.

Get In Touch
2025 - All Right Reserved
Powered by Webflow
Footer Light