MENU Loyalty se diseñó para ayudarte a retener clientes por medio de recompensas que se otorgan a través de un programa basado en gastos. Para crear una experiencia atractiva, debes configurar tu programa Loyalty y personalizar las recompensas de acuerdo con nuestras pautas y tus necesidades específicas.
Moneda Loyalty
Los usuarios reúnen monedas o puntos Loyalty, que se utilizan para comprar recompensas. Como cualquier otra moneda, tiene su propio símbolo. Debes incluir este símbolo dentro de un contenedor de 24 x 24 píxeles.
Usos
- Tarjeta Loyalty
- Cantidad de puntos mostrados en la pantalla de inicio
- Tarjeta Loyalty en miniatura en la pantalla de inicio
- Cantidad de puntos mostrados en las pantallas Rewards (Recompensas) y Offer (Oferta)
- Cantidad de puntos usados mostrados en la pantalla Summary (Resumen)
- Precio en los puntos para cada artículo en la pantalla Summary
- Cantidad de puntos que el usuario ganará en la pantalla Summary
- Cantidad de puntos gastados o ganados en la pantalla Orders (Pedidos)
- Cantidad de puntos gastados o ganados en la pantalla Single order (Pedido único)
Requisitos
- Tamaño del contenedor de imagen: 24 x 24 píxeles
- Formato de imagen: SVG
- Nombre: coin.svg
Fondo de tarjeta Loyalty
La tarjeta Loyalty se utiliza para mostrar información básica sobre el usuario, la cantidad de puntos y el nivel que ha alcanzado, pero también para acumular puntos de la caja registradora o el kiosco. Hay dos temas para la tarjeta Loyalty, y podrás elegir uno de ellos al establecer el programa Loyalty.
Fondo claro y oscuro
Si la tarjeta Loyalty es clara y oscura, el fondo debe ser lo suficientemente claro u oscuro para no comprometer la legibilidad de la tarjeta.
Usos
- Anverso de la tarjeta Loyalty
- Reverso de la tarjeta Loyalty (al acumular puntos)
Requisitos
- Tamaño de la imagen: 1200 x 807 píxeles
- Formato de imagen: PNG
- Nombre:
- cardbg_light.png
- cardbg_dark.png
Fondo de la tarjeta Compact Loyalty
La tarjeta Compact Loyalty se utiliza para mostrar información sobre la cantidad de puntos y el nivel que se ha alcanzado en la pantalla de inicio. También hay dos temas para esta tarjeta.
Fondo claro y oscuro
Si la tarjeta Compact Loyalty tiene tema claro y oscuro, el fondo debe ser lo suficientemente claro u oscuro para no comprometer la legibilidad de la tarjeta.
Usos
- Tarjeta Compact Loyalty en la pantalla de inicio
Requisitos
- Tamaño de la imagen: 1200 x 433 píxeles
- Formato de imagen: PNG
- Nombres:
- compact_cardbg_light.png
- compact_cardbg_dark.png
Imágenes descriptivas del programa
Con las imágenes descriptivas del programa, la información es más comprensible y envolvente. Cada imagen pertenece a un párrafo que debería explicar un hecho sobre el programa. Puede haber tres párrafos como máximo.
Usos
- Página de información del programa Loyalty
Requisitos
- Tamaño de la imagen: 224 x 224 píxeles
- Formato de imagen: PNG
- Nombres:
- loyalty _desc_heading1.png
- loyalty _desc_heading2.png
- loyalty _desc_heading3.png
Imágenes de Offers y Rewards
Las imágenes de las pantallas Offers y Rewards son representaciones claras de los artículos que obtendrán los usuarios. Nuestra recomendación es utilizar solo imágenes del producto con algún color de fondo o un patrón neutro. No recomendamos usar texto en las imágenes, ya que toda la información necesaria puede ir en la descripción de la oferta o recompensa.
Usos
- Imágenes de Offers y Rewards
Requisitos
- Tamaño de la imagen: 1200 x 800 píxeles
- Área segura: 1200 x 700 píxeles (parte visible en teléfonos con muesca; no se debe colocar ningún elemento importante en el área no segura)
- Formato de imagen: PNG
- Nombres: puedes definirlo tú mismo, pero te recomendamos que sea el nombre de la oferta o la recompensa
Iconos
Debes diseñar tus iconos de Loyalty para que concuerden con el resto de iconos de la app, pero también con el estilo de tu marca. Los iconos deben representar el nombre y la función que tienen en la app.
Nota: La mayoría de los iconos que se muestran en las pantallas son parte de las pautas generales de la interfaz móvil. [AGREGAR ENLACE AQUÍ]
Usos
- Se ilustran algunas áreas de la app en las siguientes pantallas:
Utiliza la misma convención de tamaño, nombre y formato que se indica a continuación:
Requisitos
- Tamaño del contenedor de iconos: según se define arriba
- Formato de imagen: SVG
- Nombres: según se define arriba
NOTA: No es necesario que el icono llene todo el contenedor. También puede ser más pequeño.
Ejemplos de contenedor de iconos y de iconos que lo componen:
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.