Escuela de Fútbol Huachipato Escuela de Fútbol Huachipato · Punta Arenas
Piloto en desarrollo · No es un cliente cerrado

Portal Acereros — asistencia y comunicación para una escuela de fútbol.

Cómo diseñamos y construimos, desde cero, una PWA para reemplazar planillas de Drive en la cancha.

Industria: fútbol formativo Rol de qup: diseño + desarrollo Stack: PWA, HTML/JS vanilla Estado: piloto activo
Jugar con el Demo Interactivo →
Portal Acereros — inicio de sesión con RUT
El brief

Escuela de Fútbol Huachipato (Punta Arenas) pasaba asistencia y avisos con planillas de Google Drive. En la cancha, bajo el sol y sin buena conexión, esto era lento y poco confiable — no había nómina centralizada ni forma directa de avisar a los apoderados. Nos acercamos a ellos para construir, sin costo mientras el producto madura, un piloto real que resolviera ese problema específico.

Cómo lo abordamos

Problema → decisiones → solución

01

El problema

Buscar un link de Drive en el celular, sin señal, en medio de un entrenamiento, hacía que pasar asistencia tomara minutos en vez de segundos.

02

La decisión de diseño

Priorizamos botones grandes de un solo toque, sin scroll, y que la app funcionara igual con o sin internet — el profesor no puede depender de la señal en la cancha.

03

La solución

Una PWA instalable con tres experiencias — Profesor, Administrador, Apoderado — conectadas en tiempo real, sin necesidad de App Store.

La interfaz

Así se ve en la cancha

Cada pantalla resuelve una fricción puntual — no son capturas genéricas, son decisiones concretas.

Portal Acereros — toma de asistencia del profesor en el celular

Toma de asistencia (celular)

Decisión: dos botones grandes por alumno (Presente/Ausente), guardado con un toque — pensado para usarse con el celular en una mano.

Portal Acereros — resumen del apoderado en el celular

Resumen del apoderado

Decisión: porcentajes en color en vez de tablas, para que se entienda de un vistazo — se entra solo con el RUT del alumno, sin contraseña.

En el computador

Portal Acereros — asistencia del profesor en el computador

Asistencia en el computador

Decisión: la misma pantalla, en dos columnas, para quien pasa lista desde un notebook en la sede.

Portal Acereros — panel de accesos del administrador

Aprobaciones del admin

Decisión: nadie entra a la nómina sin aprobación manual — evita duplicados y altas no autorizadas por error.

Tres roles, tres problemas distintos

Un portal, tres mini-casos

El Profesor

Problema

Pasar asistencia, generar reportes y avisar partidos le tomaba tiempo que no tenía en la cancha.

Solución

Botones grandes por alumno, citaciones a WhatsApp con un clic, reportes en PDF automáticos y Muro de Noticias para avisos.

El Administrador

Problema

Sin visibilidad ni control sobre altas y bajas de alumnos, ni forma de auditar lo que ve su equipo técnico.

Solución

Panel de aprobación de accesos (aprobar, rechazar, reintegrar o dar de baja) y modo "👁️ Ver como profesor" para auditar sin alterar datos.

El Apoderado

Problema

No sabía si su hijo asistía o si había partido, sin llamar al profesor.

Solución

Acceso instantáneo con el RUT del alumno, sin registro ni contraseña — semáforo de asistencia, calendario y Muro de Noticias.

Resultados hasta ahora

[ agregar número real de alumnos activos y tiempo ahorrado cuando estén medidos — no inventar cifras ]

Próximos pasos del piloto: sumar más categorías de la escuela y validar el flujo de citaciones durante una temporada completa antes de ofrecerlo como producto cerrado.

Disponible ahora

Instala Portal Acereros en tu celular en segundos

Escuela de Fútbol Huachipato Escuela de Fútbol Huachipato · Punta Arenas

Portal Acereros ya está disponible para el piloto. Es una PWA: sin App Store, sin actualizaciones eternas. Ábrela desde el navegador y agrégala a tu pantalla de inicio en un clic.

Abrir Portal Acereros
01

Abre el link

Entra a la app desde Chrome o Safari en tu celular.

02

Agregar a inicio

Toca el menú (⋮ en Android, compartir en iPhone) y elige "Agregar a pantalla de inicio".

03

Listo

El ícono queda en tu celular como una app nativa, funcione con o sin internet.

Construido para la velocidad.

HTML/JS Vanilla Service Worker Google Apps Script PWA

Validamos la idea con un MVP rápido y luego escalamos a un entorno frontend en Netlify. Al prescindir de frameworks pesados, el portal carga en fracciones de segundo, ideal para las malas conexiones de internet en recintos deportivos.

Testimonio · Pendiente

Aquí irá la cita real de un profesor, administrador o apoderado del Portal Acereros. Espacio reservado hasta contar con el testimonio confirmado.

¿Tu escuela o club tiene un problema parecido?

Conversemos si te sirve una versión de este portal, con tu marca o con la nuestra.

Cotizar mi proyecto → Probar el Demo