Ir al contenido principal

🎨 Cómo diseñar tus tarjetas de fidelización

Esta guía te mostrará cómo crear un diseño atractivo para tus pases digitales, para verse perfecto tanto en Google Wallet y Apple Wallet.

S
Escrito por Seba de Welcome Back
Actualizado hace más de 3 semanas

Paso 1: Crear nueva tarjeta

  1. Ve a la sección "Tarjetas"

  2. Haz clic en "Crear nueva tarjeta"

  3. Selecciona el tipo de tarjetas, entre Cashback, Puntos o Sellos

Paso 2: Diseñar y subir las imágenes

  • Para diseñar tu tarjeta, debes subir 3 imágenes: Logo, Strip e Icono

  • Si bien cada una tiene dimensiones específicias, puedes subir diseños de cualquier tamaño y hacer un recorte desde el diseñador de tarjetas.

Logo (1280 x 400 px)

  • Ubicación: Esquina superior izquierda

  • Formato ideal: PNG con fondo transparente

  • Guia de diseño:

    • Usa versión horizontal de tu logo, mantén espaciado generoso alrededor

    • Asegura legibilidad en tamaño reducido

    • Al momento de posicionar la imagen, se recomienda alinear hacia la izquierda. Esto hace que el logo quede alineado con las demás etiquetas

Strip (1125 x 432 px)

  • Ubicación: Área principal de la tarjeta

  • Formato: JPG o PNG de alta calidad

  • Tips de diseño:

    • Este es tu lienzo creativo principal, ysa elementos visuales llamativos

    • Incorpora patrones o texturas de tu marca

    • Evita texto importante en los bordes (mínimo 50px de margen)

Icono (114 x 114 px)

  • Ubicación: Notificaciones push

  • Formato ideal: PNG con fondo transparente

  • Tips de diseño:

    • Diseño simple y reconocible

Importante: Recordar que las tarjetas se visualizaran de manera levemente diferente en Apple y Google Wallet. Diseña para el denominador común - mantén elementos críticos al centro y prueba en ambas vistas previas.

Paso 3: Seleccionar paleta de colores

Combinaciones recomendadas

  • Fondo oscuro + texto blanco = Elegante y premium

  • Fondo claro + texto oscuro = Limpio y amigable

  • Fondo de color marca + texto contrastante = Máxima identidad

Paso 4: Definir el reverso de la tarjeta

El reverso es tu espacio para información adicional con diseño más minimalista. Algunas recomendaciónes

  1. Reglas del programa - Información esencial

  2. Beneficios - Valor agregado

  3. Términos - Letra pequeña necesaria

  4. Contacto - Accesibilidad a soporte

Tips para el reverso

  • Menos es más - no sobrecargues

  • Mantén consistencia con la tipografía del frente

Paso 6: Finalizar diseño

  1. Haz clic en "Enviar tarjeta"

  2. Tu diseño está listo para impactar

¿Ha quedado contestada tu pregunta?