¡Gracias! Si agendaste una llamada, la invitación ya está en tu correo.
Boba es una app de Sarajevo, en Bosnia y Herzegovina, que ayuda a los negocios a crear sus propios programas de fidelización. Los clientes ganan y canjean puntos, los bobas, en los lugares que visitan. Los dueños definen las recompensas, y los empleados confirman cada compra escaneando el código QR del cliente.
El equipo de Boba quería rediseñar su app multiplataforma antes del desarrollo. Un solo producto tenía que servir a tres personas con objetivos distintos. El cliente acumula recompensas, el dueño gestiona las ofertas y el empleado confirma las compras en el mostrador. Me contrataron para diseñar las pantallas principales y los patrones y para ayudar con el flujo del usuario.
El proyecto empezó con una llamada de kickoff con el cliente y el desarrollador. Antes de las pantallas principales, compartí en Figma una página de referencias y una guía de estilo. El equipo eligió lo que encajaba con el producto, como la barra inferior con el botón de QR destacado, una pantalla de QR clara, la navegación por categoría, una home para los dueños y gráficos de estadísticas. Esas elecciones definieron la navegación y el sistema visual.
Arrastra la barra en cada cuadro para comparar la primera versión, a la izquierda, con el rediseño, a la derecha.
La primera versión tenía categorías y tarjetas con imágenes provisionales. El nuevo inicio suma búsqueda de tiendas, orden y favoritos, y cada tarjeta muestra la foto, la valoración y la categoría del local.
La primera versión listaba recompensas y ofertas en bloques simples. La nueva página divide el local en artículos, resumen y ranking, y cada artículo muestra la foto, el precio y los bobas que da o cuesta.
En la primera versión, el empleado buscaba las recompensas en un campo de búsqueda. En la nueva pantalla, escanea al cliente una vez y añade todos los artículos de la visita, con la cantidad de cada uno, a la misma transacción.
La primera versión abría con un único banner de estadísticas. El nuevo inicio muestra clientes, fidelidad y bobas emitidos y canjeados en el local y el periodo elegidos, con el próximo cobro y un gráfico de ventas.
Esta pantalla no existía. Después del escaneo, el cliente recibe un recibo con el local, cada artículo y los bobas ganados, como pidió el equipo de Boba durante el proyecto.
El cliente y el desarrollador revisaron las pantallas en los comentarios de Figma, en los detalles que importan en el código. Trataron el tamaño de los botones, las descripciones largas, el nombre de la tienda en cada artículo y los iconos iguales a los de la librería que usa la app.
Entregué todas las pantallas y la animación de apertura con el logo. El cliente calificó el proyecto con 5.0 en Upwork.
Hiciste un gran trabajo al entender e integrar tus ideas en el diseño, e incluso funciones que se nos habían pasado.
