Carga de turnos
Módulo para organizar los turnos de los vendedores en todas las tiendas de una empresa: estado de carga, cobertura del horario y un panel visual para crear turnos.
Imágenes referenciales. Las pantallas de este caso son recreaciones con datos ficticios, no el producto real, para resguardar la confidencialidad de la plataforma y de sus clientes.
Contexto
En la plataforma de BI surgió la necesidad de que los usuarios pudieran organizar los turnos de sus vendedores en cada una de las tiendas de su empresa, dentro de la misma plataforma.
Los turnos no son un dato aislado: se conectan con otros reportes de la plataforma, como el Reporte de Meta Justa, que reparte la meta de la tienda según el turno y el día de cada vendedor. Sin turnos cargados y completos, esos reportes pierden precisión.
Mi rol
Trabajé como UX/UI Designer y Product Designer a lo largo de todo el proyecto: discovery con clientes, definición de las vistas y sus reglas, diseño en Figma, prototipo funcional en código y acompañamiento hasta la salida a producción.
Proceso
- Discovery. Conversé con clientes para entender cómo organizaban los turnos y dónde estaban sus principales dolores al hacerlo.
- Bocetos en Figma. Exploré las primeras ideas y estructuras de pantalla, y las probé antes de pasar al diseño final.
- Diseño oficial. Con lo aprendido, diseñé las vistas definitivas del módulo.
- Prototipo funcional. Construí un prototipo en código (HTML, CSS y JavaScript), apoyándome en IA para acelerar la construcción, y lo usé para probar los flujos con interacciones reales.
- Refinamiento y producción. Iteré a partir de las pruebas, refiné con el equipo y el módulo salió a producción.
Decisiones clave
El trabajo central fue decidir qué información mostrar en cada pantalla y cómo hacer que una tarea operativa y repetitiva fuera simple para el usuario.
- Vista general de todas las tiendas. Muestra el estado de carga de turnos de cada tienda y el progreso del período (semanas completas, parciales, críticas o sin turnos), destaca las tiendas que requieren atención urgente y permite importar y exportar turnos de forma masiva.
- Vista por tienda. Muestra el detalle de una tienda: el estado de carga de cada semana y la cobertura de su horario operativo, con el detalle día a día. Desde aquí se suben o descargan los turnos de esa tienda y se accede a la generación de turnos.
- Panel de generación de turnos. Una grilla semanal por vendedor donde se asignan turnos (mañana, tarde, full day o libre) de forma visual. Se pueden crear nuevos tipos de turno, copiar los turnos de otra semana y ver la cobertura diaria mientras se edita. La prioridad fue la usabilidad: que el usuario arme la semana de un vistazo, sin formularios largos.
- Carga masiva y carga manual. El módulo admite ambos caminos: importar un archivo para muchas tiendas a la vez o crear y editar turnos directamente en el panel.
Resultado
Un módulo completo de carga de turnos, en producción, con vista general, vista por tienda y un panel de creación de turnos y categorías dentro de la misma plataforma. Los turnos cargados alimentan otros reportes, por lo que el módulo es una pieza clave para que la información de desempeño sea confiable.