Fundación Teletón · PWA

Rehab que se siente como un juego.

GrafomotorIA acompaña la motricidad fina infantil con trazos, feedback y progreso — incluso cuando la red falla.

ReactTypeScriptPWA · TabletAccesibilidad
Login GrafomotorIA
Tablet · PWA 01 — Inicio

Una puerta clara para niños en terapia.

Interfaz grande, tolerante al error y sin ruido visual. El objetivo es empezar a jugar — no descifrar menús.

La primera pantalla evita todo lo que distrae: botones grandes, contraste alto y cero jerga. Un niño en terapia — a veces con motricidad o atención limitadas — tiene que poder entrar y empezar sin que un adulto le lea los menús.

02 — Ejercicio

El trazo es el centro. Todo lo demás calla.

Componentes de coordinación visomotora pensados para dedos pequeños y distintos rangos de movimiento.

Cada ejercicio comparte una misma base de captura del gesto y cambia solo la guía y las reglas de acierto. Eso permitió sumar ejercicios nuevos sin reescribir la lógica y adaptarlos a distintos rangos de movimiento según el niño.

03 — Gamificación

Premiar el intento, no solo el acierto.

Feedback inmediato y recompensas terapéuticas que sostienen la motivación sesión tras sesión.

En rehabilitación, castigar el error desmotiva. Por eso el refuerzo llega después del gesto, celebrando el intento: pequeñas recompensas que sostienen la constancia sesión tras sesión, que es donde de verdad se ve el avance.

04 — Progreso

Historial que entiende un terapeuta.

Seguimiento legible del avance: qué se practicó, cómo fue y qué sigue.

El terapeuta necesita leer de un vistazo qué se practicó, cómo salió y qué sigue — no exportar planillas. El historial traduce cada sesión a un lenguaje clínico claro para ajustar el plan sin fricción.

05 — Offline

La red puede fallar. La sesión no.

PWA lista para entornos reales de clínica y hogar con conectividad limitada.

En clínicas y hogares la conexión no siempre es estable. Al ser una PWA offline-first, la app se instala y la sesión de terapia sigue aunque se caiga el WiFi — y sincroniza cuando vuelve la red.

Pantalla inicio GrafomotorIA
Ejercicio de trazo Ondas Suaves
Nivel de logro en sesión
Seguimiento y progreso
Modo offline
El proyecto, en profundidad

De la terapia con lápiz y papel a un juego que el niño quiere abrir

GrafomotorIA nace de una colaboración entre Duoc UC y la Fundación Teletón para digitalizar la rehabilitación de la motricidad fina infantil. El punto de partida: los ejercicios de trazado y coordinación visomotora se hacían con lápiz y papel — sin registro del avance, y con la motivación cayendo entre una sesión y la otra.

La respuesta fue una PWA que convierte esos ejercicios en una experiencia de juego: trazos guiados en pantalla táctil, feedback inmediato que premia el intento (no solo el acierto) y un historial legible para el terapeuta. Todo pensado para dedos pequeños, distintas capacidades motoras y una interfaz que no obliga a leer para empezar.

En el frontend (React + TypeScript) me hice cargo de traducir los ejercicios terapéuticos a componentes de trazado reutilizables, la lógica de gamificación y el seguimiento del progreso. Al ser una PWA offline-first, la sesión no se corta si el WiFi falla — algo clave en clínica y hogar con conectividad limitada.

  • Componentes de trazado reutilizables — una base de captura del gesto, muchos ejercicios.
  • Gamificación que premia el intento, para sostener la motivación sesión tras sesión.
  • Offline-first (PWA) para que una caída de red no corte la terapia.
  • Interfaz accesible: grande, tolerante al error y sin ruido visual.
PWAInstalable · offline-first
A11yPensada para terapia real
SCRUMEquipo Duoc UC · Teletón

¿Quieres el detalle técnico?

El caso cuenta el problema, las decisiones de frontend y cómo se construyó la gamificación terapéutica.