Saltar al contenido
Contacto
[email protected] WhatsApp San Salvador · Houston

Aplicaciones · Diseño UI/UX

TBox App

Aplicaciones · Diseño UI/UX

  • Aplicaciones
  • Diseño UI/UX
Tipo de proyecto
Aplicaciones, Diseño UI/UX
Año
2024
Tecnología
Flutter

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.

Aplicaciones · Diseño UI/UX

TBox App

El reto

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.

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.

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.

UNA APP ESCOLAR QUE LLEGA CON EL COLEGIO YA ADENTRO

Siguiente proyecto →

GoExto