Producto · UX/UI · Programa de lealtad
Logrand — The One Rewards
App móvil y sitio web de un programa de lealtad para una red de casinos en México. Diseño de producto interno de punta a punta: research, arquitectura de información, UI y sistema de diseño para ambos entregables.
Resumen
Logrand es una red de casinos en México. The One Rewards (TOR) es su programa de lealtad, con una app móvil y un sitio web propios: los clientes recargan su tarjeta de juego, acumulan puntos por su actividad en el casino y los canjean por recompensas, promociones y beneficios exclusivos.
Trabajé como diseñadora de producto interna del equipo, liderando el rediseño completo de ambos entregables: research y benchmarking, arquitectura de información, userflows, UI y sistema de diseño, hasta el hand-off a desarrollo. El proyecto se ejecutó en 2023 Q2 y quedó aprobado por el equipo de marketing al cierre del trimestre.
Investigación
Antes de diseñar una sola pantalla, el proyecto arrancó con un documento de alineación con el equipo de marketing: problema, objetivo, solución, un análisis FODA y un benchmarking contra 8 casinos competidores en México.
Problema
- Se deben tomar medidas para superar las limitaciones que llevan a los clientes a preferir las transacciones en efectivo.
- Necesidad de mejorar la lealtad del cliente a través de la aplicación.
- Se requiere un aumento en la generación de ingresos a través del uso de la aplicación.
- Son necesarias mejoras en los gráficos y la navegabilidad de la aplicación.
Objetivo
- Mejorar la aplicación móvil actual para una mejor funcionalidad.
- Facilitar recargas de tarjetas eficientes y amigables para el usuario, y la acumulación de puntos para recompensas.
- Incluir una función de valet parking para una experiencia más personalizada y satisfactoria.
Solución propuesta
- Desarrollar una aplicación móvil exclusiva a través de un diseño integral de UX y UI.
- Funcionalidades núcleo: recargar tarjetas de juego, acumular puntos, canjear premios.
- Rediseño con características fáciles de usar, intuitivas y seguras para garantizar la satisfacción y la confianza del cliente.
- Diseño adaptado al público objetivo principal del casino: hombres y mujeres de 40 a 60 años, de niveles socioeconómicos ABC+, C y C-.
- Meta de mejorar la tasa de retención de clientes, de un 40–50% de partida.
- Incentivos y promociones dentro de la app para impulsar su uso.
- Atraer tanto a clientes frecuentes como nuevos.
- Base de clientes mensuales objetivo: aproximadamente 5.700.
Análisis FODA
Fortalezas
La app facilita recargas, recompensas y fidelización de clientes · Programa de recompensas atractivo y variado · Valet parking integrado en la app, diferenciador frente a la competencia.
Debilidades
Usabilidad y experiencia de usuario mejorables · Competencia amplia en la industria de casinos y juegos de azar · Poco conocimiento del programa de membresía entre los usuarios.
Oportunidades
Mayor flujo de usuarios por la recuperación económica pos pandemia · Posible pago con criptomonedas, atractivo para usuarios jóvenes · Potencial de ampliar la oferta de servicios y entretenimiento.
Amenazas
Competencia cada vez más fuerte que exige mejoras constantes · Regulaciones y legislaciones que podrían limitar el alcance de la empresa.
Benchmarking
Se analizaron 8 casinos competidores directos en México, comparando programa de lealtad, app propia, valet parking y newsletter.
| Casino | Programa de lealtad | App propia | Valet parking | Newsletter |
|---|---|---|---|---|
| Caliente Casino | Sí | Sí | Sí | Sí |
| PlayCity Casino | Sí | Sí | Sí | No |
| Winland | Sí | Sí | No | No |
| Miravalle Palace | Sí | No | Sí | No |
| Twin Lions Casino | Sí | No | Sí | No |
| Winpot | Sí | Sí | No | No |
| Codere | Sí | Sí | Sí | No |
| Foliatti | Sí | Sí | Sí | No |
7 de 8 competidores ya tenían programa de lealtad, y 5 ya tenían app propia. La oportunidad no era ser los primeros, era ejecutar mejor: una UX más simple, valet parking integrado en la app (no solo como servicio físico) y una experiencia de recompensas más clara.
Línea de tiempo del proyecto
Arquitectura de información
Primer mapa de flujos y estructura de pantallas.
User personas
Definición del público objetivo del casino.
Benchmarking
Análisis de 8 casinos competidores.
Mockup en calidad media
Primeras pantallas navegables.
Prototipo en calidad media
Flujos completos listos para pruebas internas.
Prototipo en alta calidad
Pantallas finales con el sistema visual aplicado.
Proyecto aprobado
Aprobado por el equipo de marketing.
Arquitectura de información y flujos
Antes de las pantallas finales, cada sección se mapeó como wireframe: qué bloques la componen, cómo se llega a ella y qué información contiene. Este es el esqueleto de ambos productos, app y sitio web.
Arquitectura — App
Registro / ingreso. Alta de tarjeta, NIP, teléfono, OTP y contraseña.
Home. Perfil, burbujas de acceso rápido y eventos.
Recompensas. Solo para ti y beneficios por nivel.
Eventos. Activos y favoritos.
Recarga. Casino, método de pago y confirmación en 3 pasos.
Balance. Mi tarjeta, movimientos y recarga.
Configuración. Perfil, métodos de pago, notificaciones, idioma y seguridad.
Arquitectura — Sitio web
Home antes de ingreso. Niveles, casinos y catálogo público.
Home después de ingreso. Puntos disponibles y estado de la tarjeta.
Catálogo de recompensas. Búsqueda y categorías de productos.
Producto. Detalle, valor en puntos y disponibilidad.
Favoritos. Productos guardados para canjear después.
Carrito. Productos a canjear y puntos necesarios.
Checkout. Lugar de reclamo, fecha de entrega y confirmación.
Ingreso. Número de celular y contraseña.
Sistema visual
Concepto de identidad: tarjeta de membresía premium, no casino de neón. El público objetivo son adultos de 40 a 60 años de niveles socioeconómicos ABC+, C y C-, así que la marca THE ONE se aleja del estereotipo ruidoso de casino: fondos claros, un morado y un verde menta como acentos, y mucho aire.
Paleta de marca (TOR)
Tipografía
Roboto en toda la interfaz, con una escala modular de razón 1.25 sobre una base de 16px: de 26px para headlines a 10px para los metadatos más pequeños. Una sola familia tipográfica, todo el peso visual lo llevan el tamaño y el color.
Niveles de membresía
Cinco niveles: Classic, Platinum, Gold, Diamond y Black. Cada uno con su propio color de header y textura sobre la misma tarjeta base, para que el nivel se reconozca de un vistazo.
Classic, Platinum, Gold, Diamond, Black
Botones
Sistema de botones con 2 jerarquías (primario y secundario), 3 tamaños (principal, mediano, pequeño) y 2 estados (activo, inactivo), consistente en toda la app.
Primario / secundario · 3 tamaños · 2 estados
Navegación
Tab bar inferior de 3 accesos: Inicio, Billetera y Configuración, la estructura mínima para no competir con las burbujas de acceso rápido del home.
Inicio · Billetera · Configuración
Pantallas finales — App
Las 44 pantallas finales de la app, organizadas por flujo: desde el primer splash hasta la configuración de seguridad.
Onboarding y registro
Splash
Splash
Onboarding 1/4
Onboarding 2/4
Onboarding 3/4
Onboarding 4/4
Registro 1/5
Registro 2/5
Registro 3/5
Registro 4/5
Registro 5/5 — confirmación
Ingreso
Login 1/2
Login 2/2
Inicio y selección de casino
Inicio. Perfil, nivel y accesos directos a casinos, recompensas, eventos y menú.
Notificaciones
Seleccionar casino
Nuestros casinos
Detalle — Viva México
Recompensas
Beneficios por nivel
Solo para ti
Estado vacío
Eventos
Eventos activos
Activos — vacío
Eventos favoritos
Listado completo
Favoritos — vacío
Menú y valet parking
Menú del casino
Valet 1/6
Valet 2/6
Valet 3/6
Valet 4/6
Valet 5/6
Valet 6/6
Billetera
Recargar tarjeta
Movimientos
Mi tarjeta. QR para recargas en caja, nivel y puntos por canjear.
Error en la recarga
Configuración
Menú principal
Datos personales
Métodos de pago
Agregar tarjeta
Notificaciones
Idioma
Seguridad
Pantallas finales — Sitio web
El sitio web cumple un rol distinto al de la app: además de mostrar el programa a quien todavía no es cliente, es donde se canjean las recompensas por productos físicos, con carrito y checkout propios.
Home
Home pública. Presenta el programa, sus niveles, la red de casinos y el catálogo de recompensas a quien todavía no es cliente.
Home con sesión iniciada. Puntos disponibles y acceso directo al catálogo de canje.
Ingreso
Número de celular y contraseña
Catálogo y producto
Catálogo de recompensas. Filtros por categoría y valor en puntos.
Detalle de producto
Favoritos
Carrito y checkout
Carrito de canje
Checkout. Lugar de reclamo, fecha estimada de entrega y confirmación del canje.