0 1 0 1 2 3 4 5 6 7 8 9 0 0 1 2 3 4 5 6 7 8 9 0

Diseño y desarrollo en Flutter de TBox App, la app escolar para estudiantes, docentes y familias en El Salvador: clases de tecnología, tareas, boletines, calendario, calificaciones y asistencia, con un solo código para iOS y Android.

TBox App — El año escolar, en el bolsillo

Diseño UI/UX y prototipado

  • Desarrollo de la app en Flutter
  • iOS y Android desde un solo código
  • Navegación por rol: estudiante, docente, padre
  • Tareas, boletines, calendario y noticias
  • Calificaciones y asistencia
  • Cambio de plataforma: TBox Jr y TBox Academy
  • Publicación en Google Play

  • TBox App es la cara móvil del programa educativo TBox en El Salvador. Está hecha para tres personas a la vez — el estudiante, el docente y el padre de familia — y lleva lo que cada colegio publica: el contenido de la clase de tecnología, las tareas con su fecha de entrega, los boletines, el calendario de eventos, las noticias del centro y, donde el colegio usa TBox School, las calificaciones y la asistencia.

    Una app escolar falla siempre igual: llega llena de funciones y vacía de contenido, porque nada de lo que hay dentro pertenece a ese colegio en concreto. Así que el problema de diseño no era la lista de funciones. Era que una misma pantalla resultara legible para un niño de diez años, para su maestra y para su papá en el bus.

    TBox App home screen with the six school sections
    TBox App platform picker with TBox Jr and TBox Academy

    Seis puertas y una sola pantalla de inicio

    El inicio es un saludo y seis puertas de color: clases de tecnología, tareas, boletines, calificaciones, asistencia y muro educativo. Cada puerta lleva su franja de color y su pictograma, para que la tarjeta se reconozca antes de leer el rótulo — el mismo principio que recorre el taller de dibujo TBOX. Debajo, una barra de cuatro pestañas mantiene fijo el camino de vuelta: inicio, tareas, centro educativo, usuario.

    TBox App homework detail for a science assignment
    TBox App bulletin about image editing with artificial intelligence
    TBox App calendar for April with the events of the day
    TBox App event detail for the school science fair

    Un acceso, dos plataformas

    Un alumno puede pertenecer a TBox Jr o a TBox Academy, y la misma cuenta llega a las dos. En vez de esconder eso en una pantalla de ajustes, la app lo pregunta en el momento en que importa: dos tarjetas grandes, la activa marcada, y un solo botón para continuar. A partir de ahí cada elemento se abre en página completa y no en ventana flotante — una tarea con su materia, su objetivo, su forma de entrega y su archivo adjunto; un boletín que se lee como un artículo; un día del calendario con sus eventos debajo.

    Hecha en Flutter, para que iOS y Android salgan del mismo código y el colegio tenga la misma app sin importar qué teléfono lleve cada familia. Publicada en Google Play por Technology Box, Inc.

    TBox App sign-in screen
    TBox App splash screen with the TBox logo
    TBox App home screen with the six school sections
    TBox App platform picker with TBox Jr and TBox Academy

    UNA APP ESCOLAR QUE LLEGA CON EL COLEGIO YA ADENTRO

    NEXT PROJECT

    LegalMente AI

    Diseño UI/UX, Diseño web, Implementación de IA