Kinesiologia Bienestar & Salud
Servicios profesionales - Gestión de turnos
Logotipo
Proceso UX
Investigación
Análisis del usuario.
Desktop
Estructura de pantallas.
Responsive
Diseño de interacción.
Implementación
Desarrollo del sistema.
Cromática
#F2F4F3
Fondo principal
#FFFFFF
Cards / inputs
#4C9A87
Primario (marca)
#3E8574
Hover / activo
#3F8F7A
CTA principal
#2E2E2E
Texto principal
#7A8A8A
Texto secundario
#25D366
Acción externa
Tipografía
DM
Uso: interfaz y contenido
Aa Bb Cc Dd Ee Ff
Resultado final
El resultado fue una plataforma optimizada, pensada para ofrecer una experiencia fluida, moderna y centrada en el usuario.
Investigación
En la etapa de investigación del sitio de kinesiología, se analizaron las necesidades del consultorio y el recorrido de los pacientes desde el primer contacto hasta la coordinación y realización de cada turno.
Se relevaron los procesos de atención, comunicación y gestión de turnos, identificando puntos de mejora como la dificultad para organizar consultas, la dependencia de canales de comunicación externos y la falta de información centralizada sobre los servicios disponibles.
Asimismo, se tuvo en cuenta la experiencia del paciente al momento de buscar información sobre los tratamientos, conocer las especialidades disponibles y establecer un primer contacto con el profesional.
A partir de estos hallazgos, se definieron oportunidades de mejora orientadas a simplificar la navegación, facilitar la solicitud de turnos y brindar una experiencia digital clara, accesible y confiable.
Wireframes
Algunos Wireframes del proyecto (Wireframe - mi-fi hi-fi - Dashboard supervisor - Desktop - Panel General - Modal Operacion - Ingreso de Usuario)
Responsive
En esta etapa se desarrollaron los prototipos finales atravez de wireframes para verificar el User flow y la experiencia del usuario en su version responsive mobile. Resumen del Prototipado (Login - Dashboard Supervisor - Panel General).
Implementación
El sitio fue desarrollado utilizando tecnologías modernas orientadas a rendimiento, seguridad y una experiencia de usuario simple y accesible para la gestión de consultas y turnos.
Se implementó una arquitectura que integra el frontend con un backend encargado de gestionar las solicitudes de turnos, validar la información ingresada y centralizar la comunicación entre el paciente y el sistema.
A nivel de desarrollo, se trabajó sobre una interfaz optimizada con HTML5, CSS3 y JavaScript moderno, priorizando tiempos de carga, navegación fluida y una experiencia responsive adaptada a dispositivos móviles.
Stack & Herramientas
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- Backend: Node.js + Express
- Gestión de turnos: API backend para recepción, validación y procesamiento de reservas
- Calendario: Integración con Google Calendar para la gestión y organización de turnos
- Notificaciones: Envío automático de emails de confirmación y notificación de reservas
- Arquitectura: Frontend + API REST + lógica modular
- Integraciones: Google Calendar y servicios externos de email
Se implementaron automatizaciones para reducir la gestión manual de turnos, mantener sincronizada la agenda y mejorar la comunicación con los pacientes mediante notificaciones automáticas.