Int-School es una plataforma online diseñada para academias y asociaciones deportivas que quieren profesionalizar su gestión y mejorar la experiencia tanto del equipo como de las familias.
Con esta herramienta puedes organizar fácilmente las clases, llevar el control de asistencia, emitir recibos automáticamente, gestionar pagos y centralizar toda la comunicación con padres y alumnos. Todo desde una única plataforma, accesible desde cualquier navegador, sin instalaciones ni complicaciones técnicas.
¿Qué nos llevó a rediseñarla?
Cuando nos enfrentamos a su rediseño teníamos un objetivo claro: hacer que cada paso fuera más intuitivo, más ágil y mucho más agradable para las familias.
Aunque la herramienta ya cumplía su función, la experiencia para madres y padres al inscribir a sus hijos no era todo lo clara ni eficiente que podía ser. Nos encontrábamos con pasos que podían generar sensación de frustración y dudas.
Había fricciones, confusión en algunos flujos y una interfaz visualmente desactualizada que no transmitía confianza. Además, la experiencia móvil no estaba al nivel que hoy en día exigen los usuarios, con elementos que no se adaptan del todo bien, textos difíciles de leer y formularios que no ofrecían una interacción fluida. Esto supone una barrera, especialmente para perfiles menos digitales, que necesitan una interfaz más clara, guiada y accesible.
El enfoque
Nuestro objetivo no era simplemente añadir funcionalidades, sino repensar la experiencia para que lo esencial funcionase mucho mejor.
Empezamos con un análisis profundo de la experiencia real: desde la navegación inicial hasta la inscripción final y detectamos bloqueos clave como:
- Jerarquía visual confusa.
- Exceso de clics y pasos intermedios.
- Formularios poco adaptados a móviles.
- Calendarios funcionales pero poco intuitivos.
Todo esto generaba una experiencia desigual entre dispositivos y aumentaba la carga cognitiva del usuario. Por lo que no se trataba de añadir más funcionalidades, sino de rediseñar lo esencial para que lo existente funcionara mucho mejor.
A partir de ahí, comenzamos una reconstrucción completa de la experiencia:
- Nueva interfaz moderna, amable y coherente con la identidad de la plataforma.
- Diseño accesible, asegurando contraste, legibilidad y consistencia tipográfica. La nueva interfaz debía transmitir confianza, limpieza y calidez, reforzando la identidad de int-school como herramienta útil y cercana tanto para familias como para centros.
- Priorizamos una experiencia mobile-first: asegurando que cada interacción se sienta fluida y nativa en pantallas pequeñas. Esto no ha sido solo una adaptación visual, sino una revisión estratégica de los componentes, jerarquías y gestos para que todo funcione con precisión en móviles, desde donde la mayoría de usuarios accede.
De una interfaz fría a una experiencia centrada en las personas
El diseño anterior, aunque funcional, resultaba frío y hacía que la interfaz se sintiera más técnica que familiar. La información relevante estaba dispersa y la navegación era poco clara ya que la jerarquía visual no ayudaba a entender fácilmente qué pasos seguir, especialmente para los usuarios menos digitales.
Se mostraba un calendario completo pero sin una vinculación directa ni visual con cada niño o niña.
Con el nuevo diseño, la experiencia visual está centrada en los niños, ocupando las fotos un lugar protagonista, lo que facilita la identificación rápida y genera un vínculo emocional. Cada ficha incluye accesos rápidos y visuales a la información y acciones disponible para cada niño/a, las alertas están integradas y destacadas en cada ficha, las agendas personalizadas y filtrables, permitiendo seleccionar fácilmente a qué niño corresponde cada actividad, mostrando solo la información relevante y ahorrando tiempo.
La estética es más amable, los iconos son más claros, y la estructura permite navegar con fluidez desde cualquier dispositivo.
Fichas visuales y jerarquía clara
Uno de los grandes cambios fue reorganizar la información para que la comprensión fuera inmediata.
Antes, las fichas mostraban todo... pero sin jerarquía ni claridad. Las pestañas eran funcionales pero requerían clics innecesarios, y el calendario era plano, sin contexto ni diferenciación visual.
Ahora, el foco se ha puesto en crear una experiencia más visual, clara y centrada en lo que realmente necesitan madres y padres: ver de un vistazo la situación del participante y actuar con facilidad. La foto del niño/a encabeza la ficha, con su nombre y datos destacados (edad, centro, contacto...). Las alertas aparecen en tarjetas bien visibles, codificadas por color y con etiquetas claras.
Hemos añadido acciones rápidas, accesos directos a facturación y comunicaciones, y un sistema de cambio de participante con un solo clic.
El calendario se ha transformado en una vista personalizada, con actividades codificadas por color, contextualizadas y ordenadas.
Un nuevo proceso de preinscripción
Aquí fue donde más se notó el salto cualitativo.
Antes, la preinscripción era un pequeño pop-up escondido dentro de la ficha. Sin contexto, sin descripciones, sin imágenes. Para iniciar la preinscripción había que entrar en la ficha del participante y hacer clic en un botón que lanzaba un pop-up. Este paso podía pasar desapercibido o resultar confuso.
Ahora, existe una sección dedicada solo a actividades, con tarjetas visuales e ilustradas que permiten a las familias entender de un vistazo en qué consiste cada opción. Al hacer clic, acceden a una ficha completa: días, tallas, condiciones, participantes vinculados...
Todo el proceso se ha gamificado ligeramente y se ha simplificado con botones visuales en lugar de desplegables, y se puede cambiar de participante desde la misma vista.
Ha pasado de ser un trámite confuso a una experiencia visual, clara, autónoma y sin errores, pudiendo ahora:
- Explorar todas las actividades antes de decidir.
- Entender mejor en qué consiste cada una.
- Y completar la preinscripción sin miedo a cometer errores.
El resultado del rediseño de la plataforma
Hoy, Int-School es una herramienta más humana, más clara, eficiente y con una interfaz que transmite modernidad y es visualmente más atractiva. Las familias completan los procesos con más facilidad, los centros reciben menos dudas, y la imagen general transmite profesionalidad y confianza.
Cada detalle ha sido pensado para reducir la carga cognitiva, guiar sin invadir y resolver sin frustrar.
El resultado es una experiencia más fluida, accesible y coherente en todos los dispositivos, alineada con los estándares actuales de calidad digital.
Este trabajo demuestra el valor de una buena estrategia UX/UI: no se trata solo de “que se vea bonito”, sino de facilitar la vida de las personas, ahorrar tiempo y generar una percepción positiva de la marca.
