Zamp Manager

Sistema de backoffice creado para organizar los productos externos de la empresa, como apps y cupones.

Hubo una reformulación para facilitar el acceso a los materiales necesarios. Zamp, actual propietaria de la marca Burger King y Popeyes en Brasil posee un sistema interno que necesita ser reformulado con base en la marca de la empresa y creación de nuevas features dentro del Zamp Manager.

FrameWork

Para la creación de ese nuevo sistema, utilizamos el framework Ant Design para facilitar las creaciones de los componentes, lo que ayudaría en el enfoque en Ux design para ese proyecto. Nuestro principal objetivo era facilitar para que el equipo de pricing pudiera tener agilidad y facilidad para el enrolamiento de cupones dentro del aplicativo Burger King. Además, el proyecto necesitaría tener multicanales , compartiendo funcionalidades del Burguer King y del Popeyes.

BK Manager

El BK Manager, antiguo backoffice que sería refacturado, estaba con diversos bugs, problemas de usabilidad y funcionalidades que no estaban más siendo utilizados. Nuestra gran oportunidad de estudiar a fondo la heurística y mejoras que iríamos traer para ese nuevo sistema backoffice.

Registro Antiguo de Cupones

Identificamos varios gaps en la parte de cupones dentro del BkOficce que necesitarían ser reformulados para que quedaran más claros en la hora del registro, además, ya teníamos en mente que durante la refactorización tendríamos nuevas features introducidas en el proyecto por los stakeholders. Necesitábamos de una visión modular, organizada e intuitiva del proyecto.

Desde el header hasta el footer, necesitábamos organizar los espaciamientos y traer levedad en el flujo, como si el sistema tuviera conversando con el nuevo Zamp Manager.

Comenzando Por el Inicio

Visualizamos la primera oportunidad de ciberseguridad, implementamos además de una Ui nueva y moderna, dando enfoque a la marca, también introducimos, en conjunto con la arquitectura nuevas reglas de login, trayendo mucho más seguridad para el sistema y para las personas que poseen el acceso. Desactivamos la oportunidad de ser un sistema móvil, pues sus principales funcionalidades están enfocadas en utilizar una computadora disponibilizado por la empresa.

Test A/B

Como íbamos a hacer la refactorización de la tecnología y de la UI utilizada, creamos un test A/B para estudiar el comportamiento del usuario a través del sistema Hotjar. Con ese estudio en manos, tuvimos un camino a seguir, trajimos la facilidad en recordar la contraseña y olvidé mi contraseña, siendo modificada la contraseña solamente por el correo institucional de la Zamp.

Para la Ui fue elegido el color azul oscuro, siguiendo la estructura dark mode solamente en el login, pero, también trayendo una leveza y espacios de aliento.

Nuevo Menu Con Ux Motion

Hoy en Bk Manager tenemos tres sistemas integrados:

Cupones – Registrar y editar cupones dentro de los canales digitales del Buger King. Al insertar un cupón nuevo dentro de los canales, el equipo de pricing estructura toda una estrategia de ventas y marketing para la creación de un nuevo cupón. Ese cupon será creado y estratégicamente posicionado en cada canal.

Delivery – Área visando un nuevo canal que está siendo desarrollado en el Burger King visando un delivery propio.

Tiendas – Feature nueva que será desarrollada en conjunto con la refactorización. Con esa feature es posible cadastrar y editar nuevas tiendas de la red Burger King y franquiciados.

El ux motion design fue insertado para capturar la atención del equipo para cada sistema y su finalidad.

Cupones SiteMap

Sitemap que contiene cada interacción del usuario en el sistema, desde que él haya hecho el login hasta la creación de un cupón, haciendo la configuración del nombre, subtítulo, imagen, canal en que el cupón va a ser utilizado, estado donde aquel cupón será mostrado, número de identificación y posicionamiento estratégico del cupón dentro de la app.

Store SiteMap

Sitemap detallado de la nueva feature desarrollada en combinación con la refacturación del sistema Zamp Manager de registro de tiendas.

Anteriormente el registro de tiendas era posible solamente por backend, demorando horas para ser sincronizado en canales como tótem o la app. Con esa nueva feature estructuramos para que las tiendas puedan ser cadastradas a través de un upload de planilla excel y pudiendo también ser editadas y customizadas a partir de un área de Zamp Manager.

Cadastro De Tiendas

En parcería con el equipo de la app Burger King que estaba desarrollando una nueva visión y reglas de las tiendas. Creamos la squad de cupones en la nueva feature donde facilitaria el cadastramiento y informaciones relevantes de las tiendas del Burger King. Facilitando para el usuario informaciones importantes como si la tienda es franqueada (no acepta cupones o puntos del Clube Bk) o si la tienda es propia.

Naciendo Multimarcas

Una de las principales novedades del Zamp Manager es que él ya nace como una feature multimarcas, trayendo en ese primer momento las dos grandes marcas en la cual Zamp es detentora, Burger King y Popeyes.

La padronización hace parte de un gran esfuerzo en conjunto con el equipo de desarrollo y negocios para que los productos sean cada vez más modulares.

Dentro del Zamp Manager el equipo de negocios puede alterar con facilidad las marcas a las cuales tienen acceso.

Filtros Rápidos

Con informaciones robustas, hicimos la arquitectura de los filtros con temas clave para que las informaciones sean encontradas con facilidad.

Actualmente está incluido en la base de datos del Zamp Manager 1,500 tiendas mensuales entre franquicias y tiendas propias, caso el equipo de negocios necesite encontrar la tienda para editar o excluir alguna información, ellos pueden utilizar el filtro rápido o avanzado para encontrar con facilidad la tienda.

Editando Una Tienda

En nuestro discovery identificamos que muchas informaciones de tiendas se pierden hasta llegar a las manos de quien registra las tiendas. Pensando en eso, creamos un área específica para edición de cada tienda. En una estructura padronizada, la mayoría de las informaciones pueden ser customizadas en esa pantalla. Facilitando actualizaciones rápidas.

Tablas Dinámicas

Creamos tablas dinámicas y con acciones facilitadoras para que sean entendidas, así que las personas miren.

Una de las grandes preocupaciones del equipo de negocios era el entendimiento de las tablas con facilidad, pues acaso haya una urgencia, las tablas podrían ser un impeditivo para la rápida corrección.

Utilizamos iconos para una percepción mejor en Ui además de las tags llamativas.

Íconos intuitivos

Aplicamos cuatro íconos informativos dentro de la tabla para que visualmente facilite a la hora de entender cuáles servicios las tiendas atienden.

A continuación, los cuatro elementos que cada tienda puede proporcionar para sus clientes:

C&R

Clique y Retire es utilizado para tiendas que aceptan la compra y el pago por el aplicativo de Burger King.

Club Bk

Club Bk es utilizado para tiendas que puntúan en nuestro club de beneficios dentro del app.

Cupones

Tiendas que aceptan los cupones que están disponibles dentro del app de Burger King.

Delivery

Tiendas que poseen el servicio de delivery de Burger King.

Trabajo Anterior

Próximo Trabajo

System Manager