El Desafío
BioGénesis, un laboratorio de análisis clínicos radicado en Córdoba con más de 25 años de historia, necesitaba dar el salto digital con una web que no solo proyectara higiene, modernidad y confianza médica, sino que resolviera un problema operativo enorme: la atención al paciente y las consultas telefónicas constantes.
El reto principal radicaba en la Arquitectura de la Información. Debíamos organizar un catálogo de más de 500 determinaciones clínicas, instrucciones médicas detalladas (ayunos, recolección de muestras) y un listado extenso de decenas de obras sociales y prepagas, todo sin abrumar visualmente al paciente y garantizando un acceso intuitivo desde dispositivos móviles.
La Solución
Desarrollamos una Web Institucional completa de 6 páginas. Para la interfaz, utilizamos una paleta de colores clínicos basada en gradientes verde azulados (teal/cyan), colores que en psicología transmiten salud, profesionalismo y calma.
- Buscadores Dinámicos en Tiempo Real: Programamos motores de búsqueda nativos en Vanilla JS (sin afectar el peso de la página) para la sección de "Análisis" y "Obras Sociales". El paciente simplemente tipea y la lista se filtra de manera instantánea, mejorando radicalmente la UX.
- Arquitectura Modular de Indicaciones: Diseñamos la sección "Indicaciones" mediante tarjetas destacadas y cajas de información para estudios especiales (como PTOG, Urocultivo, etc.), convirtiendo instrucciones médicas complejas en formatos visuales fáciles de digerir.
- Hero Slider y Navegación Sticky: La página de inicio recibe al paciente con un Slider interactivo que destaca tecnología, atención y calidad. Además, la barra de navegación (Navbar) transiciona de transparente a sólida al hacer scroll para no interrumpir las imágenes hero.
- Optimización Total para Móviles: Dado que la mayoría de los pacientes revisan indicaciones y obras sociales desde su celular, creamos un menú lateral tipo "Off-Canvas" exclusivo para pantallas pequeñas y aseguramos que todos los grids fueran perfectamente fluidos.
