Los requisitos de imagen se utilizan como pautas para el contenido generado por el cliente que se sube a nuestros sistemas de CMS y el Centro de gestión. 

Dichas pautas pueden resultar útiles en el proceso de creación de lo siguiente:

• Artículos
• Combos
• Modificadores
• Descuentos
• Noticias
• Imágenes de la tienda

Esas imágenes se muestran en la app móvil, la app web y el kiosco.

Artículos

Las imágenes de los artículos permiten a los usuarios navegar por el menú y ofrecen una representación óptima de tus artículos.

Cada artículo solo puede tener una imagen. Esta aparece en diversos espacios del ecosistema y se puede recortar según dónde se muestre el artículo. 

Con estas pautas, podrás colocar la imagen correctamente.

LO QUE DEBES HACER:

• Utiliza un fondo blanco o de color para que los elementos visuales se destaquen.
• De ser posible contrata a un fotógrafo profesional.

LO QUE NO DEBES HACER:

• No uses texto en las imágenes.

Nuestra investigación demuestra que la mayoría de los usuarios valoran las imágenes bien tomadas y estas influyen en ellos a la hora de tomar una decisión. Asimismo, un porcentaje significativo de usuarios basa su decisión únicamente en la imagen que ven.

Requisitos de la imagen:

• Tamaño de la imagen: 1200 x 800 píxeles

Área visible:

• Pantalla de menús y subcategorías: 800 x 800 píxeles
• Pantalla del artículo (parte visible en teléfonos con notch): 1200 x 700 píxeles

Combos

En nuestro sistema, las imágenes de combos representan grupos de productos. La imagen debe mostrar el artículo principal del combo, así como los acompañamientos disponibles. Esta puede aparecer en la pantalla del menú, en la pantalla de subcategoría, cuando se realiza una venta dirigida o cuando se personaliza un combo. La imagen se va a recortar según los diferentes contextos. Cada artículo solo puede tener una imagen.

Con estas pautas, podrás colocar la imagen correctamente.  

LO QUE DEBES HACER:

• Utiliza un fondo blanco o de color para que los elementos visuales se destaquen.
• De ser posible contrata a un fotógrafo profesional.
• Selecciona cuidadosamente qué artículos mostrarás junto con el artículo principal del combo.
• Muestra los artículos predeterminados en la imagen del combo.

Nuestra investigación demuestra que el 92 % de los usuarios espera obtener lo que ve en la imagen. Además, el 36 % de los usuarios supone que podrá hacer una selección personalizada de artículos en un combo.   

LO QUE NO DEBES HACER:

• No muestres artículos que no están en el combo.
• No muestres artículos en un grupo donde solo se puede seleccionar uno.
• No uses texto en las imágenes.

Grupos de combos

El grupo de combos representa un “contenedor” para combos y artículos que se combinan en un combo individual. Se pueden asignar varios combos a un grupo de combos. 

Las imágenes del grupo de combos contribuyen a la venta dirigida y la personalización. La imagen debe mostrar el combo y el artículo principal, o bien cualquier otro artículo que esté en el grupo. 

Se aplican los mismos requisitos de imagen que para los combos.

Requisitos de la imagen:

• Tamaño de la imagen: 1200 x 800 píxeles

Área visible:

• Menú, subcategoría y capa de venta: 800 x 800 píxeles
• Pantalla de personalización del combo (parte visible en teléfonos con notch): 1200 x 700 píxeles

Modificadores

Los modificadores son modificaciones o complementos que se solicitan como parte de un artículo. Las imágenes deben representar un único modificador, así como ayudar a los usuarios a explorar la lista de modificadores y realizar una selección rápida. La experiencia de pedido de los usuarios mejora si se ofrece una buena representación visual de los modificadores. 

Los modificadores deben ser complementos simples, como los siguientes: 

• Aderezos 
• Especias 
• Ingredientes adicionales 
• Artículos completos

Sigue estas pautas para colocar correctamente los modificadores en la imagen de un modificador.

LO QUE DEBES HACER:

• Usa un fondo blanco en las imágenes de los modificadores, de modo tal que el usuario pueda ver rápidamente los posibles modificadores.

LO QUE NO DEBES HACER:

• No uses texto en las imágenes.

Requisitos de la imagen:

• Tamaño de la imagen: 1200 x 800 píxeles

Área visible:

• Pantalla del artículo: 800 x 800 píxeles

Descuentos (cupones, promociones y recompensas)

Tu app puede tener ofertas (cupones y promociones) y recompensas, y las imágenes incluidas en ella deben seguir el mismo conjunto de pautas. Una imagen representa el descuento en todos los espacios donde se muestra dicho descuento (en la lista de todos los descuentos disponibles y en la sección de vista previa o edición del descuento). 

Sigue estas pautas para posicionar correctamente los elementos del descuento en la imagen del descuento.

LO QUE DEBES HACER:

• Muestra los artículos y combos a los que se aplica el descuento.
• Enriquece el descuento con el color de fondo para que destaque.
• Incluye texto en las imágenes del descuento si es necesario. Este debe enfatizar el valor del descuento para el usuario (por ejemplo, el premio o el importe del descuento).
• Coloca el texto dentro de un área segura (consulta los detalles más abajo).

LO QUE NO DEBES HACER:

• No superpongas el texto y los artículos en las imágenes del descuento, ya que se reduce la legibilidad.
• No uses texto de tamaño pequeño en estas imágenes, ya que este se debe poder leer en la lista de descuentos donde la imagen se muestra en un formato más pequeño.
• No incluyas texto del descargo de responsabilidad en una imagen, a menos que tu asesor legal te lo aconseje específicamente. La pantalla de vista previa del descuento tiene un área designada que puede incluir un aviso de descargo de responsabilidad.
• No coloques texto debajo del botón de cierre o del área del notch (consulta los detalles más adelante).       

Requisitos de la imagen:

• Tamaño de la imagen: 1200 x 800 píxeles

Área visible:

• Pantalla de oferta/recompensa: 1200 x 800 píxeles
• Vista previa de la oferta/recompensa (parte visible en teléfonos con notch): 1200 x 700 píxeles

Área segura de texto:

• Debajo del botón de cierre: 1200 x 480 píxeles
• Debajo de la zona del notch y a la derecha del botón de cierre: 930 x 615 píxeles

Noticias

Las imágenes de noticias resumen visualmente los temas que abordan los artículos de noticias. Los artículos se muestran en forma de lista con la imagen en el encabezado del artículo. 

Sigue estas pautas para colocar correctamente los elementos en la imagen de un artículo de noticias. 

LO QUE DEBES HACER:

• Muestra un gráfico visualmente saturado, colorido y con un fragmento de texto del artículo.
• Coloca el texto dentro de un área segura (consulta los detalles más abajo).

LO QUE NO DEBES HACER:

• No coloques las imágenes de los artículos de noticias sobre un fondo blanco.
• No coloques el texto debajo del botón de cierre o del área del notch (consulta los detalles más adelante).

Nuestra investigación demuestra que a los usuarios les interesan mucho las noticias sobre las ofertas, las campañas y los nuevos artículos que se ofrecen, ya que esto les proporciona un beneficio directo. No prestan atención a las noticias corporativas.  

Requisitos de la imagen:

• Tamaño de la imagen: 1200 x 800 píxeles

Área visible:

• Pantalla de inicio y de noticias: 1200 x 800 píxeles
• Pantalla del artículo de noticias (parte visible en teléfonos con notch): 1200 x 700 píxeles

Área segura de texto:

• Debajo del botón de cierre: 1200 x 480 píxeles
• Debajo de la zona del notch y a la derecha del botón de cierre: 930 x 615 píxeles

Imagen de la tienda

Tienes la opción de agregar una imagen de la tienda que represente a cada una de tus tiendas. Esta imagen es importante si utilizas nuestra app web. Cada artículo solo puede tener una imagen.

Sigue estas pautas para crear correctamente la imagen de la tienda.

LO QUE NO DEBES HACER:

• No uses texto en las imágenes.

Requisitos de la imagen:

• Tamaño de la imagen: 1200 x 800 píxeles

Área visible:

• Pantalla del menú de la app web: 1200 x 800 píxeles
• Pantalla de estado y de recibos: 800 x 800 píxeles
• Pantalla de información de la tienda de la app móvil: 1200 x 700 píxeles