Diseño y Desarrollo Web

Web de OptiClinic Eye Care

Web de una clínica de salud visual con 10 secciones diferenciadas: portada, servicios, sobre la clínica, concienciación sobre la prevención de la ceguera, testimonios, enfoque visual, inspiración, 5 centros, 16 acuerdos con aseguradoras y formularios de contacto. Presenta equipamiento médico avanzado y una completa oferta de servicios que incluye control de la miopía, contactología y optometría pediátrica.

Creada con React 19 y Framer Motion, con animaciones fluidas de principio a fin, desde los fondos animados de partículas hasta las apariciones de sección al hacer scroll. Incluye accesibilidad con Radix UI, optimización del rendimiento con Vite, React Hook Form + validación Zod y una paleta de degradados en verde azulado y cian.

Fecha de finalización: abril de 2026
Visitar la Web
Detalles del Proyecto

Resumen

Sector

Sanidad / Salud Visual

Alcance

Rediseño y desarrollo web completos con integración de varios centros, acuerdos con aseguradoras y sistema de contacto validado

Plazo

1 día desde el diseño hasta dejarla lista para desplegar

El Problema

El Reto

OptiClinic Eye Care necesitaba una presencia web moderna y profesional a la altura de la calidad premium de sus servicios de salud visual en 5 centros. Su web anterior requería una renovación tecnológica completa para mejorar la experiencia de usuario, mostrar su amplia oferta de servicios, destacar sus 16 acuerdos con aseguradoras y ofrecer una experiencia accesible y mobile-first que generara confianza en los pacientes que buscan atención visual especializada.

Nuestro Enfoque

La Solución

Creamos una aplicación premium de una sola página con React 19 y Framer Motion para lograr animaciones profesionales que guían al usuario por 10 secciones cuidadosamente elaboradas. Implementamos un diseño responsive mobile-first con Tailwind CSS, integramos Radix UI para cumplir con la accesibilidad y creamos una presentación completa de servicios que destaca el control de la miopía, la contactología y la optometría pediátrica. Añadimos formularios de contacto validados con Zod, la exposición de los logotipos de las aseguradoras colaboradoras e información de los distintos centros con mapas integrados, todo optimizado para el rendimiento con Vite.

Qué Incluye

Características Clave

Animaciones Premium
Escaparate Multilocalización
Integración con Seguros
Diseño Responsive
Validación de Formularios
Accesibilidad Ante Todo
Optimizada para el Rendimiento
Enfoque Sanitario
Rendimiento

Resultados

1 day
Velocidad de desarrollo
Del diseño completo a un build listo para desplegar, con 10 secciones
25+ components
Arquitectura de componentes
Estructura modular y reutilizable con modo estricto
100%
Seguridad de tipos
Cobertura completa de TypeScript en 1.558 líneas
60fps
Rendimiento de las animaciones
Animaciones fluidas con 40 partículas y aceleración por GPU
Tecnología

Stack Tecnológico

React 19
Vite 7.3
TypeScript 5.9
Tailwind CSS 3.4
Framer Motion 12
Radix UI
React Hook Form 7
Zod 4
React Router DOM 7
Lucide React
Empezar

¿Listo para Empezar Tu Proyecto?

Hablemos de cómo podemos crear una web espectacular adaptada a las necesidades de tu negocio.

Web de OptiClinic Eye Care | Portafolio | low-key solutions