Diseñar Tarjeta

La tarjeta de lealtad es la cara visible de tu programa. Es lo que tus clientes llevan en Apple Wallet o Google Wallet. SimpleRewards te deja personalizar nombre, colores, logo y cómo se visualiza el progreso. Todo se configura desde Programa en el menú lateral, dentro de la pestaña Diseño.

Nombre y colores

El nombre y los colores son lo primero que tus clientes asocian con tu marca. Mantenlos consistentes con el resto de tu identidad.

1. En el menú lateral, ve a Programa y abre la pestaña Diseño.
2. En el panel lateral, selecciona Programa.
3. En Marca, escribe el nombre de tu organización, producto o marca tal como quieres que aparezca en la tarjeta.
4. Cambia al panel Color para ajustar los colores de la tarjeta. Puedes editar:
   • Fondo — el color base de la tarjeta.
   • Texto — el color del nombre, las visitas y los detalles.
   • Progreso — el color de la barra de progreso (solo si usas el estilo de barra).
5. Para cada color, ajusta los deslizadores de Matiz, Saturación y Luminosidad, o pega un código hexadecimal en el campo #.
6. Presiona Guardar cambios.

Verás el aviso Diseño actualizado y tu vista previa se actualizará al instante.

Asegúrate de que el color del texto contraste bien con el fondo. Un fondo oscuro pide texto claro, y viceversa. Si dudas, prueba leerlo a un metro de distancia.

Subir logo e icono

El logo aparece en la tarjeta del cliente. El icono se usa para las notificaciones que tus clientes reciben en su celular. Sube ambos para una experiencia profesional.

1. En Programa, abre la pestaña Diseño.
2. En el panel lateral, selecciona Imágenes.
3. En Logo, presiona el área para subir tu imagen. Se recomienda al menos 480 píxeles de ancho. Puedes usar cualquier proporción hasta 3:1 (cuadrada, rectangular, etc.).
4. En Icono de notificaciones, presiona el área para subir el icono. Debe ser cuadrado, mínimo 87×87 píxeles.
5. Presiona Guardar cambios.

Usa una versión de tu logo con fondo transparente cuando sea posible. Así se ve bien sobre cualquier color de fondo de tarjeta.

Estilo de progreso

SimpleRewards te deja elegir cómo se visualiza el avance de visitas en la tarjeta del cliente: una barra continua o estampas tipo tarjeta de café. Elige el estilo que mejor refleje tu marca.

1. En Programa, abre la pestaña Diseño.
2. En el panel lateral, selecciona Programa.
3. En Tipo de progreso, presiona Barra o Estampas.
4. Si eliges Estampas, aparecerá la sección Imagen de estampa. Sube una imagen cuadrada (1:1), mínimo 128×128 píxeles. Esta imagen se repetirá una vez por cada visita acumulada.
5. Presiona Guardar cambios.

Las estampas funcionan bien con metas pequeñas (5 a 10 visitas). Para metas más grandes, la barra es más fácil de leer.

• Cuando estés satisfecho, presiona Guardar cambios. Todas las tarjetas activas de tus clientes se actualizarán automáticamente.

Si no estás seguro de un color o un detalle, pídele a alguien fuera de tu negocio que mire la vista previa por unos segundos. Si no puede decirte de qué marca es, ajusta el diseño.