Martín González

2026

Health Cli

A medical landing page for presenting services, consultation process, appointments, FAQs, and contact information.

Health Cli

Health Cli is a professional medical landing page designed to present a healthcare professional’s profile, services, consultation process, appointment call-to-action, frequently asked questions, and contact options in a clear and accessible way. The project focuses on a modern responsive interface, smooth UI animations, structured sections, and a lightweight frontend architecture built with Vite, React, and TypeScript.

  • Hero section designed to introduce the healthcare professional and communicate the main value proposition.
  • Consultation process section explaining the steps patients follow before and during a medical appointment.
  • About section focused on the professional profile, experience, and trust-building information.
  • Services, appointment, FAQ, and contact sections structured for a complete landing page experience.
  • Modern frontend stack using Vite, React, TypeScript, Framer Motion, Lucide React, React Router, and Resend.

Professional medical landing page

The main view presents Health Cli as a modern medical landing page designed to be clear, professional, and trust-oriented from the first interaction. The hero section introduces the healthcare professional, communicates the main value proposition, and guides users toward the most important actions, such as exploring services, reviewing the consultation process, or requesting an appointment.

Responsive mobile experience

The mobile version preserves the same informational structure of the landing page while adapting the content to a simple and accessible vertical navigation flow. Sections such as services, professional profile, consultation process, frequently asked questions, and contact information are organized so users can easily browse the experience from any device.

Landing page navigation flow

The video shows how users move through the complete Health Cli experience, from the initial presentation to the services, consultation process, appointments, FAQs, and contact sections. The transitions and Framer Motion animations help the navigation feel smooth, professional, and aligned with a clear, trustworthy, and easy-to-use medical experience.