Saltar al contenido principal
Volver a proyectos
Logo de la Universidad de Antioquia
Logo de Colombia Científica
Logo del programa NanoBioCáncer

Caso de éxito · Desarrollo interactivo

Dentalmente Sonriente

Una boca interactiva donde cada decisión enseña, transforma y genera conocimiento.

Desarrollamos una experiencia web interactiva para la Facultad de Odontología de la Universidad de Antioquia, liderada por el profesor Tomás Bernal y financiada por Colombia Científica y el programa NanoBioCáncer. El proyecto combina educación en salud bucal, juego y recopilación estructurada de datos para investigación.

Cliente
Facultad de Odontología · Universidad de Antioquia
Industria
Educación, salud e investigación
Ubicación
Medellín, Colombia
Estado
Activo
Tipo de solución
Experiencia educativa e instrumento de investigación

Servicios implementados

Desarrollo en ReactExperiencia educativaDiseño de interacciónGamificaciónAdministrador de investigaciónModelado de datos

El proyecto

Del reto inicial a una dirección clara.

Antes de diseñar o desarrollar, definimos qué necesitaba cambiar, por qué era importante para el negocio y qué debía conseguir la nueva solución.

01 · Contexto

El punto de partida

La salud bucal suele explicarse mediante contenidos pasivos que dificultan comprender la relación entre hábitos, alimentos, higiene y enfermedad. El proyecto necesitaba convertir ese conocimiento en una experiencia participativa y, al mismo tiempo, crear una herramienta capaz de observar qué saben los usuarios y cómo toman decisiones.

02 · Dirección

El objetivo

Crear una simulación accesible en la que las personas pudieran experimentar con una boca sana o enferma, descubrir los efectos de distintos elementos, fortalecer conceptos mediante minijuegos y aportar información útil para estudios sobre conocimiento y comportamiento en salud bucal.

Cómo lo hicimos

Un proceso claro, de principio a fin.

Cada etapa tuvo un propósito concreto y entregables verificables, para avanzar con criterio y mantener al cliente informado.

  1. 01

    Descubrimiento

    Entendimos el negocio, sus usuarios, el proceso actual y las prioridades que debían orientar el proyecto.

  2. 02

    Estrategia

    Definimos el alcance, la arquitectura de información y una ruta de trabajo enfocada en el objetivo comercial.

  3. 03

    Diseño y desarrollo

    Convertimos la estrategia en una experiencia clara, consistente y preparada para funcionar en todos los dispositivos.

  4. 04

    Validación y lanzamiento

    Probamos los recorridos principales, optimizamos el rendimiento y acompañamos la salida del proyecto.

Educación que produce evidencia

Una experiencia lúdica con valor para la investigación.

Dentalmente Sonriente une dos propósitos en una misma interfaz: ayudar a comprender cómo las decisiones cotidianas afectan la salud bucal y convertir las sesiones registradas en datos analizables para investigación académica.

Dos puertas de entrada

Una experiencia para aprender y otra para producir evidencia.

Modo de exploración

Jugar sin registro

La persona elige una boca sana o enferma, prueba alimentos y prácticas de higiene, observa sus efectos y consulta información detallada sin aportar datos de sesión.

Modo de investigación

Jugar con registro

El recorrido conserva las decisiones y resultados de la sesión para estudiar el nivel de conocimiento, los patrones de interacción y el estado final alcanzado.

ElegirInteractuarObservarComprender

Sistema de progreso

Aprender también desbloquea.

03

Los elementos bloqueados se habilitan resolviendo actividades que refuerzan conceptos de salud bucal.

  1. 01Emparejamiento
  2. 02Sopa de letras
  3. 03Crucigrama

Variables observables

Cada sesión deja una lectura útil.

Porcentaje de acierto
Elementos utilizados
Duración de la sesión
Estado final de la boca

Activo de conocimiento

Investigación

Universidad de Antioquia

De la interacción individual a una base útil para nuevos estudios.

El administrador consulta la información almacenada en MongoDB, presenta indicadores de las sesiones y permite descargar los datos. Esto facilita analizar conocimientos, decisiones y resultados sin separar la experiencia educativa del proceso de investigación.

Consulta de sesionesIndicadores agregadosAnálisis de resultadosDescarga de datos

La solución

Decisiones que convierten una idea en una herramienta útil.

Construimos en React una boca interactiva sobre la que se pueden arrastrar alimentos, elementos de higiene y técnicas de cepillado. Cada acción produce efectos visibles en el estado de salud, mientras las fichas informativas explican detalladamente la función o el impacto de cada elemento.

La experiencia se diseñó con dos recorridos. El modo sin registro permite explorar libremente; el modo con registro recopila las interacciones de la sesión para investigación. Los elementos bloqueados se habilitan mediante actividades de emparejamiento, sopas de letras y crucigramas, integrando progresión y aprendizaje.

Alcance y entregables

  • Simulación interactiva de la boca
  • Modos de boca sana y boca enferma
  • Experiencia con y sin registro
  • Sistema de alimentos, higiene y cepillado
  • Minijuegos para desbloquear elementos
  • Fichas educativas detalladas
  • Administrador conectado a MongoDB
  • Panel de métricas y exportación de datos

Tecnologías y herramientas

ReactMongoDBAdministrador webNetlify

Galería del proyecto

La experiencia, vista de cerca.

Desliza para recorrer las imágenes y toca una para verla en pantalla completa.

10 imágenes del proyecto

Impacto

Resultados que se sienten en el negocio.

Evaluamos el resultado desde cambios concretos y comprensibles, conectados con las necesidades que dieron origen al proyecto.

Resultado 01

Educación bucal convertida en una experiencia de causa y efecto

Resultado 02

Sesiones estructuradas para analizar conocimiento de los usuarios

Resultado 03

Proyecto registrado como activo de conocimiento de la Universidad de Antioquia

Tu próximo proyecto

¿Tienes un reto parecido? Hablemos de lo que necesitas construir.

Hablemos del proyecto
Hablemos por WhatsApp