Volver a proyectos

San Isidro Policlínica Privada

Web Corporativa

San Isidro Policlínica Privada

Sitio web de San Isidro Policlínica Privada, diseñado como plataforma digital para pacientes y equipo médico. Implementado con AstroJS, React y TailwindCSS, ofrece gestión de especialidades, contacto directo, formularios y mapas interactivos, todo optimizado para mobile-first y rendimiento.

Desafíos

  • • Establecer una presencia online profesional, accesible y confiable para pacientes y personal médico
  • • Mostrar especialidades, profesionales y equipamiento sin usar un CMS externo
  • • Facilitar la solicitud de turnos y el contacto vía WhatsApp y formularios
  • • Cumplir con altos estándares de SEO y performance
  • • Estilos 100% TailwindCSS, variables CSS personalizadas según paleta institucional
  • • Alta en Google Business, Google Analytics, Google Search Console, Embebido de Google Maps y SEO avanzado (meta tags, Sitemap, Analytics)

Solución

  • • Arquitectura con AstroJS 5.12 e Islands: rutas estáticas + React para componentes dinámicos
  • • Contenido gestionado con Markdown Collections validado con Zod (especialidades, profesionales, equipos)
  • • Componentes Reutilizables en React: Navbar, Hero, Cards de especialidades/profesionales, Galería de equipamiento
  • • Integración de `<ClientRouter />` y transiciones suaves entre secciones
  • • Formularios de contacto: EmailJS (React) y botón flotante de WhatsApp con Chat Directo al numero del sanatorio
  • • Cuentas de correo personalizadas para profesionales @PoliclinicaSanIsidro.com.ar

Características destacadas

Especialidades: página indexada y detalle (.mdx) con horarios, prácticas y profesionales desestructurados
Profesionales: listado responsive con cards, foto, especialidad y contacto directo
Equipamiento: galería interactiva con GridBento y React, layout en dos columnas adaptativo
Beneficios Institucionales: sección dinámica (Beneficios.astro) con íconos y descripciones
Contacto: formulario React + EmailJS y botón flotante de WhatsApp en Tailwind, siempre accesible
Mapa: iframe de Google Maps con estilo responsive
Transiciones: uso de <ClientRouter /> y astro:transitions para animaciones suaves
ERROR 404 personalizado: diseño coherente con branding, mensaje claro y enlace al inicio

Galería del proyecto

Captura del proyecto San Isidro Policlínica Privada - 1
Captura del proyecto San Isidro Policlínica Privada - 2
Captura del proyecto San Isidro Policlínica Privada - 3
Captura del proyecto San Isidro Policlínica Privada - 4

Detalles del proyecto

  • Fecha de lanzamiento
    2025-06-25
  • Cliente
    San Isidro Policlínica Privada
  • URL
  • Estado
    En línea

Tecnologías utilizadas

AstroJS 5.12
React 18 (Astro Islands)
TailwindCSS (Mobile-First)
JavaScript / TypeScript
Markdown Content Collections + Zod
Google Analytics & Search Console
Google Maps, Google Tag Manager
WhatsApp Business

Resultados obtenidos

  • Desarrollo completo en 8 semanas

"Con la nueva plataforma desarrollada por Studio Pixelar, agilizamos la solicitud de turnos, mejoramos nuestra visibilidad online."

— San Isidro Policlínica Privada

Ver proyecto en vivo