BBVA Beneficios

BBVA Beneficios reúne descuentos y promociones en establecimientos seleccionados. El reto del rediseño fue facilitar la navegación en web y app y dar visibilidad a opciones que el usuario podía desconocer.

Estuve a cargo de toda la etapa de diseño durante mi paso por Evolbit. La propuesta conecta la organización de la experiencia con el diseño de las interfaces.

El proyecto se organizó mediante sprints de investigación, bocetado, prototipado, pruebas y diseño de alta fidelidad. La planificación relaciona esas etapas con la construcción del sistema visual.

La lámina también sitúa el diseño dentro del recorrido completo del proyecto: maquetado, desarrollo, QA y salida a producción. Mi participación se concentró en la etapa de diseño.

El módulo de delivery distingue la llamada a la central, el contacto con cada local y el acceso a Rappi. El wireframe define esa jerarquía antes de incorporar color y tipografía.

La interfaz final conserva la estructura y diferencia las acciones mediante contraste. Direcciones, teléfonos y código promocional ocupan lugares definidos dentro del mismo módulo.

En escritorio, la ficha destaca la imagen del establecimiento y el descuento. Debajo reúne la vigencia de la promoción y las opciones para reservar, pedir delivery o consultar la carta.

La distribución horizontal permite separar la información de las acciones. La cabecera conserva la ubicación y la referencia al perfil del usuario.

El ícono de la aplicación mantiene la identidad de BBVA en la pantalla del teléfono. Al ingresar, el onboarding introduce la plataforma renovada y los beneficios disponibles.

La pantalla combina una ilustración, un mensaje breve y un indicador de avance. La opción de saltar permite continuar sin recorrer toda la presentación.

El diseño utiliza BBVA Benton Sans en pesos Book, Medium y Bold. Esa variedad permite distinguir títulos, acciones y textos de apoyo respetando los lineamientos de la marca.

La paleta reúne tonos aqua y azules, desde los acentos más luminosos hasta Navy Blue. Su aplicación conecta fondos, controles y niveles de información entre plataformas.

La ficha móvil reúne el descuento, las opciones de delivery y reserva y los accesos a mapas y transporte. La información del beneficio se mantiene junto a las acciones para aprovecharlo.

Las pestañas separan el detalle de la lista de locales. Cada sede muestra su dirección y estado de atención, permitiendo consultar las alternativas dentro de la misma ficha.

El sistema reúne módulos de condiciones, resúmenes de descuento, selectores de ubicación, insignias y calendarios. Cada elemento responde a una función concreta dentro de la experiencia.

La repetición de tipografía, color y estados facilita su aplicación en distintas pantallas. El resumen de una operación, por ejemplo, diferencia importe, descuento y total.

El perfil presenta el ahorro acumulado, el desglose mensual y los movimientos. Cada registro relaciona el establecimiento con el importe, el descuento y el total de la operación.

La consulta de locales utiliza otra jerarquía: dirección, disponibilidad y servicios. Ambas vistas organizan información detallada para que pueda leerse en una pantalla móvil.

El inicio reúne una campaña destacada, las categorías BBVA y los beneficios cercanos. Esta secuencia permite empezar por una novedad, un interés o la ubicación del usuario.

Las tarjetas muestran la imagen del establecimiento y destacan el descuento y las novedades. La navegación inferior mantiene disponibles las principales áreas de la aplicación.