Tabla de contenidos
Estructura Visual de la Tarjeta del Socio #
Cuando el cliente abre su portal desde su smartphone, accede a una tarjeta virtual con las siguientes secciones integradas:
- Identidad Corporativa y QR: Muestra el logotipo y los colores de la marca en la cabecera, junto con su código QR de fidelización renderizado de forma inmediata para ser leído por el escáner del comercio.
- Visualizador de Balance Animado: Muestra los puntos acumulados disponibles en tiempo real, activando un efecto animado en la pantalla cada vez que se reciben nuevos puntos.
- Indicador de Nivel (Tier): Despliega el nivel del socio (Bronce 🥉, Plata 🥈 u Oro 🥇), el cual se calcula en base a sus puntos históricos acumulados, junto con un resumen de sus beneficios activos.
- Campana de Notificaciones: Ubicada en la parte superior, funciona como un centro de avisos sobre actualizaciones y cambios de balance de puntos.
- Últimos Movimientos: Mini-lista integrada en la tarjeta que detalla el concepto y la fecha de las últimas 5 cargas o deducciones de saldo del usuario.
Vistas de Registro, Acceso y Alertas Nativas #
- Flujo de Acceso Rápido: Si el usuario entra a la página de la tarjeta sin sesión iniciada, verá las opciones de ingresar o registrarse. Si ya inició sesión en la plataforma pero aún no es socio del club del comercio, verá un botón automatizado para generar su cuenta en el club con un solo clic.
- Formulario de Registro Autónomo: Formulario seguro que solicita Nombre de Usuario, Correo electrónico y Contraseña. Al procesarse, el sistema valida los datos, crea la cuenta del socio en segundo plano, inicia su sesión automáticamente y lo redirige de inmediato a su tarjeta QR.
- Lógica de Alertas Nativas: En la primera carga de la tarjeta, el navegador solicita aprobación al cliente para recibir notificaciones del sistema de forma nativa. Cuando el gestor procesa una operación (ej: añade 500 puntos), el socio recibe un globo de alerta en su teléfono acompañado de una animación en su tarjeta. Los clientes pueden habilitar avisos en segundo plano para recibir alertas incluso si no tienen la aplicación abierta en ese momento.
