DiscoverIn: Ecosistema web y móvil para una universidad veterinaria

Resumen

• Pasamos de 1 estudiante a la vez (modelos físicos) a acceso concurrente ilimitado en web + móvil.
• Ahorra 60 horas al mes en soporte técnico y da al equipo docente total independencia para publicar nuevos modelos.
• Sistema de diseño construido desde cero que ahora impulsa 3+ productos adicionales comisionados inmediatamente después del lanzamiento.
• El wizard de configuración de hotspots reemplazó la colocación manual en 3D; los profesores pueden subir y configurar modelos de forma independiente.

Situación

El cliente, un instituto veterinario, ejecutaba un programa educativo basado en modelos físicos. Este enfoque no era escalable y creaba cuellos de botella en el aula, ya que solo un estudiante o profesor podía usar el modelo a la vez. Necesitaban migrar a digital para llegar a una audiencia más amplia. El principal desafío era técnico: teníamos que mostrar modelos 3D de alto detalle en navegadores web y apps móviles, a menudo con hasta 100 puntos de datos por modelo, sin comprometer el rendimiento.

Misión

Fui el único diseñador en el proyecto, trabajando estrechamente con el equipo de desarrollo y los profesores universitarios. Mi tarea era crear un ecosistema digital completo. Esto incluía un backend para gestionar los modelos anatómicos y las suscripciones, varias landing pages promocionales y una aplicación multiplataforma para visualizar y explorar el contenido 3D. Necesitaba asegurar que los datos biológicos complejos fueran fáciles de consumir y que los profesores pudieran subir y configurar los modelos ellos mismos.

Manos a la obra

Empecé haciendo benchmarking contra plataformas e-learning como Udemy para entender flujos de usuario estándar, mientras miraba la industria de los videojuegos en busca de inspiración para la navegación 3D intuitiva. Como el alcance del proyecto incluía múltiples productos futuros, construí un Sistema de Diseño completo desde el principio para garantizar consistencia en web y móvil.

El sistema tenía que funcionar en móvil y web con el mismo lenguaje visual. Configuré un conjunto de componentes compartido en Figma con variantes específicas por plataforma: navegación inferior en móvil, barra lateral en escritorio, mismos componentes de visualización de datos debajo. El visor 3D con hotspots interactivos también se componentizó, para que el equipo de desarrollo pudiera reutilizarlo en diferentes modelos anatómicos sin reconstruir la UI cada vez.

La parte más compleja era la interfaz de configuración. Los profesores necesitaban colocar hotspots en un espacio 3D manualmente. Creé un wizard que los guiaba a través del proceso de subida y configuración paso a paso. Esto transformó una tarea técnica potencialmente frustrante en algo visual e intuitivo, simulando la sensación de manipular el objeto con las manos.

Durante la fase de diseño, algunos stakeholders presionaban por controles experimentales y futuristas para el visor 3D. Tuve que resistir. Expliqué que, aunque se veía moderno, el riesgo de usabilidad y el coste de desarrollo eran demasiado altos. Nos mantuvimos en interacciones probadas pero creativas para asegurar que los estudiantes pudieran centrarse en aprender, no en descifrar la interfaz.

Resultados

El proyecto se lanzó con éxito y el cliente quedó muy satisfecho. La herramienta les permitió escalar su negocio más allá del aula física, lo que llevó a un aumento significativo de ingresos. El impacto también se notó en el día a día:

• 60 horas al mes ahorradas en soporte técnico, ya que los profesores ya no dependen del equipo para gestionar el contenido.
• Equipo docente totalmente independiente para publicar nuevos modelos, sin esperar a diseñadores o desarrolladores.

Quedaron tan contentos con los resultados que comisionaron inmediatamente más productos y landing pages para expandir el ecosistema. El sistema de diseño que creé ahora se usa para desarrollar estas nuevas adiciones de manera eficiente.

Qué haría diferente

Mediría el tiempo que los profesores dedicaban a configurar modelos físicos antes de diseñar el equivalente digital. También haría pruebas de usabilidad del visor 3D con estudiantes reales antes — algunos de los patrones de navegación que asumíamos intuitivos necesitaron iteración. Y finalmente, habría unificado todos los componentes del sistema de diseño en un solo documento central para facilitar el mantenimiento.