Respuesta breve
Diseñe el frontal en torno a cuatro cosas que el comprador debe reconocer al instante: de quién es la marca, qué producto es, qué variedad y cuánto contiene. Compruebe que sobreviven al tamaño de miniatura, mantenga la imagen en línea reconocible como el mismo envase, sitúe el código de barras en el dorso, lejos de juntas y bordes, y pruebe tanto la maqueta impresa en un estante como la imagen en un teléfono real antes de aprobar la impresión.
El mismo envase se juzga ahora en dos tamaños
Durante casi toda su historia, un envase tenía un único momento para ganar: en un estante, a un brazo de distancia, entre sus competidores. Ese momento sigue existiendo. Pero el mismo diseño se muestra ahora también como un cuadrado pequeño en una lista que se desliza en un teléfono, junto a un precio y un botón, a menudo ante alguien que está haciendo otra cosa a la vez. Las dos miradas piden reconocimiento, en condiciones muy distintas.
GS1, el organismo de estándares conocido sobre todo por los códigos de barras, dedicó una guía precisamente a este cambio. Su Mobile Ready Hero Images Guideline afirma que el paso del comercio en línea del ordenador al móvil crea tres problemas: el tamaño físico de la pantalla, el desplazamiento rápido por inercia y unos compradores que, con los productos cotidianos, deciden casi al instante. Añade un detalle en el que los diseñadores de envases rara vez piensan: en un estante digital todos los productos parecen tener un tamaño similar.
El flujo habitual, diseñar para el estante y después fotografiar el resultado para la web, trata el teléfono como algo secundario. El diseño de packaging de producto funciona mejor en otro orden: decidir la jerarquía una vez y demostrarla en los dos lugares antes de imprimir nada. Los apartados siguientes siguen ese orden: qué debe decir el frontal, cómo resiste la reducción, qué puede cambiar la imagen en línea, dónde va el código de barras y cómo comprobarlo.
Cuatro respuestas que el frontal del envase le debe al comprador
La guía de GS1 condensa su investigación en cuatro preguntas, a las que llama las 4W: de quién es la marca, qué es, qué variedad es y cuánto hay. El documento explica que la lista se apoya en estudios cualitativos y cuantitativos, entre ellos recorridos de compra, seguimiento ocular y pruebas A/B. Su objetivo es que quien ya ha comprado el producto lo reconozca sin leer el título y sin fijarse siquiera en el precio.
Trate las cuatro como el encargo del frontal. No todas las respuestas necesitan palabras. GS1 señala que una botella de agua no necesita la palabra «agua», y que una variedad muy asociada a un color se identifica por ese color. Lo importante es que cada respuesta se encuentre de un vistazo, por la forma, por el color o por unas pocas palabras grandes.
Todo lo demás que hay en el frontal compite con esas cuatro. Las alegaciones, los sellos de premios y los textos secundarios les quitan espacio. La guía admite un añadido cuando la categoría lo necesita, como la edad en un alimento para mascotas o la talla en unos pañales, y lo llama el «plus one». Deja claro que no es un mensaje de marketing. Un envase físico tiene más sitio que una miniatura, pero la disciplina es la misma: decida qué debe decir el frontal y lleve el resto a los laterales y al dorso.
Una jerarquía que sobrevive a la reducción
La forma más rápida de ver la jerarquía real de un envase es reducir el frontal al tamaño que tendrá en un listado de productos. GS1 describe lo que suele ocurrir. La forma y el color probablemente se conservan, y los logotipos pueden seguir siendo reconocibles aunque se pierda el detalle. El texto compuesto en el estilo de la marca es donde una o varias de las cuatro respuestas dejan de estar claras.
Ponga, por tanto, el reconocimiento en lo que sobrevive. Un bloque de color característico, una silueta, un nombre de variedad grande y sencillo y un contraste fuerte entre el texto y el fondo llegan más lejos que el detalle fino. Cuando la guía habla de las pruebas de claridad, remite al contraste mínimo de 4,5:1 de las pautas de accesibilidad del W3C como definición internacional. Es un suelo razonable para el nombre de la variedad y la cantidad, tanto en el envase como en la pantalla.
El formato también cuenta. Según GS1, los productos altos y estrechos, o bajos y planos, ocupan solo una pequeña parte de una imagen cuadrada, lo que los convierte en los más difíciles de presentar con claridad. Una botella o un tubo necesitan, por tanto, letra más grande y menos elementos en la etiqueta que una caja de frontal ancho. La guía advierte además de que el problema es más agudo cuando un producto se vende en varios tamaños con envases de forma idéntica, así que dé a cada tamaño una señal inconfundible.
La imagen principal es el envase, ordenado, y nada más
GS1 define la imagen principal preparada para móvil como una representación de un producto real que puede diferir de la foto de envase estándar, pero conserva la mayor parte de los elementos clave de diseño, forma y color del envase físico, de modo que se reconoce en un estante digital. Dentro de esa definición, el propietario de la marca tiene una libertad real. El texto ilegible a tamaño pequeño puede eliminarse, las cuatro respuestas pueden agrandarse y la guía acepta un zoom medio de hasta el 150 % cuando no hace falta mostrar el producto entero.
Los límites son igual de claros. No deben introducirse elementos de diseño nuevos que no estén en el envase físico. Todo lo que se traslade al frontal debe existir en otra parte del envase y transmitir una de las cuatro respuestas. Agrandar el texto hasta que se salga del contorno del envase, o añadir sellos a su alrededor, se describe como no conforme. El mejor resumen es el de la propia guía: piense en ello como un diseño de envase simplificado, no como un banner publicitario.
Este es el argumento más sólido para diseñar juntos el envase y la imagen. Si la versión simplificada se planifica con el arte final, la marca decide qué puede suprimirse y qué puede crecer. Si no, cada minorista o agencia improvisará la suya. Dos casos requieren planificación temprana: para los envases impresos en varios idiomas GS1 recomienda una imagen principal por grupo lingüístico, y para los multipacks pide que se muestre una unidad individual fuera del paquete.
Las normas de los canales de venta devuelven el mensaje al envase
Los canales de venta publican sus propios requisitos para la imagen principal. La ayuda de Google Merchant Center es un buen ejemplo, y apunta en la misma dirección: pide una imagen que muestre el producto completo con una puesta en escena mínima o nula. No acepta elementos promocionales: llamadas a la acción, adjetivos promocionales, marcas de agua y otras superposiciones, ni bordes. Los nombres de marca y los logotipos solo se admiten cuando son parte inherente del propio producto.
La página de Google da también consejos de encuadre. Recomienda un fondo blanco liso o transparente y un producto que ocupe no menos del 75 % y no más del 90 % de la imagen. Si el producto se muestra en su envase, la imagen debe presentarlo en más de una dimensión y no solo de frente. Los canales también pueden apartarse de la guía de GS1: donde GS1 quiere un multipack mostrado con una unidad al lado, Google indica que la imagen principal de un multipack debe mostrar una sola unidad.
De ello se desprenden dos conclusiones para el envase. La primera: lo que el comprador necesite saber a tamaño de miniatura tiene que estar impreso en el envase, porque en estos canales no puede añadirse como un rótulo sobre la foto. GS1 da más razones para evitar el texto añadido a la imagen: es invisible para los lectores de pantalla y, según señala la guía, no lo acepta todo el mundo, incluido al menos un gran buscador. La segunda: las normas cambian. La página de Google anuncia ahora un tamaño mínimo de imagen más alto a partir del 31 de enero de 2027, un recordatorio para consultar la página de cada canal y no un encargo antiguo.
Dónde va el código de barras y dónde no debe ir
El dorso del envase lleva un elemento con requisitos estrictos. La guía de ubicación de GS1 Suecia indica que el código de barras se coloque en la parte baja del dorso, preferiblemente a la derecha, y, si es posible, a no menos de 8 mm y no más de 100 mm del borde. Debe estar sobre una superficie lisa, nunca doblando una esquina ni sobre una junta, una perforación o una costura, y no en la base del envase. Cada envase lleva un solo código de barras.
Las formas tienen sus propias reglas en la misma guía. En latas y otros cilindros de menos de 12 cm de diámetro se recomienda orientar el código como una escalera, con las barras apiladas como peldaños, y no como una valla. En bolsas y envases blandos va en el centro, donde el riesgo de arrugas es menor. En las botellas corresponde a la etiqueta principal o a una etiqueta aparte en el dorso, nunca a una banda alrededor del cuello. Cuando el envase va envuelto en film, la unión del film no debe cruzar el código.
Para el diseñador esto significa reservar la zona del código de barras en el troquel desde el principio, y no encajarla al final. Marque primero las juntas, los pliegues y las solapas de pegado, y coloque después el código donde ninguno de ellos llegue. Para asegurarse de que un código se lee, la guía de GS1 Suecia recomienda verificarlo, y la prueba impresa es el momento de hacerlo. Un código que falla en la caja es un defecto del envase, por bien que se vea el frontal.
Dos pruebas antes de imprimir: el pasillo y el teléfono
La prueba del estante es física. Imprima el arte final a tamaño real, móntelo como un envase de verdad y póngalo entre los productos competidores junto a los que realmente estará, a la altura a la que probablemente se coloque. Aléjese un brazo de distancia, y luego más. Pida a alguien que no haya visto el diseño que encuentre una variedad concreta y observe dónde duda.
La prueba del teléfono exige la misma honestidad. GS1 advierte de que es demasiado fácil juzgar un diseño en una pantalla grande de escritorio y luego reducirlo, lo cual no equivale a verlo en un dispositivo de mano, quizá con mala luz. Pide también que las imágenes se evalúen en el contexto de un estante digital, con otros productos alrededor, y no aisladas. Así que pegue la imagen en una captura de una página de categoría real y mírela en un teléfono.
Para una comprobación repetible, la guía recomienda la prueba See-It del Engineering Design Centre de la Universidad de Cambridge, y precisa que cuando se redactó no existía un estándar único reconocido internacionalmente para la claridad visual. Describe además una simulación rápida: un desenfoque gaussiano con un radio de 34 píxeles sobre una imagen de 3000 por 3000 píxeles se aproxima a una imagen mostrada a 16 por 16 mm en un teléfono sostenido a 40 cm. Si las cuatro respuestas sobreviven al desenfoque, sobrevivirán al listado.
Una sola hoja de aprobación para los dos estantes
Reúna los resultados en una única página que se firma antes de imprimir. Recoge las cuatro respuestas y el lugar de cada una en el frontal, y después el resultado de la prueba de reducción y de la comprobación de contraste. Muestra la imagen principal aprobada con los cambios que introduce respecto al envase, y la zona del código de barras con el resultado de su verificación. La última línea es la fecha en que se leyeron las normas de imagen de cada canal de venta.
La página necesita cuatro firmas, no una: la del propietario de la marca, la del diseñador, la de la imprenta o el taller de preimpresión por el troquel y el código, y la de quien gestiona las fichas en línea. El orden del trabajo importa tanto como las firmas. Primero la jerarquía del frontal, después el troquel con la zona del código, después la imagen principal derivada del arte aprobado y, por último, las dos pruebas. Invertirlo supone descubrir en un teléfono lo que se podía haber corregido sobre el papel.
Tenga presentes los límites de la evidencia. GS1 indica que su guía está pensada para artículos de reposición, productos conocidos que se compran una y otra vez, en pantallas de mano, y que no cubre los artículos de alto valor o de compra poco frecuente, en los que el comprador se toma más tiempo. Recuerda también que adoptar una guía de GS1 es voluntario, así que pregunte a cada minorista qué convenciones de imagen acepta. El principio se mantiene en cualquier caso: una jerarquía, demostrada dos veces.
Lista práctica
- Anote para cada producto de quién es la marca, qué es, qué variedad y cuánto contiene, y marque dónde aparece cada respuesta en el frontal.
- Reduzca el frontal al tamaño de listado en un teléfono real y elimine o agrande todo lo que no se pueda leer.
- Planifique la imagen principal simplificada junto con el arte final y use solo elementos que existan en el envase físico.
- Reserve la zona del código de barras en el troquel: abajo en el dorso, lejos de juntas, pliegues y bordes, y haga verificar el código impreso.
- Lea las normas vigentes de imagen principal de cada canal de venta antes de la sesión de fotos y anote la fecha en que las consultó.
Preguntas frecuentes
¿Qué es una imagen principal preparada para móvil?
Es la imagen principal de un producto preparada para pantallas pequeñas. GS1 la define como una representación de un producto real que puede diferir de la foto de envase estándar, pero conserva la mayor parte de los elementos clave de diseño, forma y color del envase, para que los compradores lo reconozcan. En la práctica es una versión ordenada del frontal en la que la marca, el tipo de producto, la variedad y la cantidad se leen con facilidad a tamaño de miniatura.
¿Qué información debe ir en el frontal de un envase?
Las cuatro cosas que usa un comprador para elegir el artículo correcto: quién lo fabrica, qué es, qué variedad es y cuánto hay dentro. Algunas pueden transmitirse con la forma o el color en lugar de con palabras. Las alegaciones detalladas, las instrucciones y el código de barras van en el dorso y los laterales, donde no compiten con el reconocimiento. El etiquetado obligatorio es otra cuestión: consulte las normas de su categoría y su mercado, porque algunas prescriben lo que debe figurar en el frontal.
¿Dónde debe colocarse el código de barras en un envase de consumo?
La indicación de GS1 Suecia es colocarlo en la parte baja del dorso, preferiblemente a la derecha, sobre una superficie lisa y, si es posible, entre 8 mm y 100 mm del borde. Manténgalo lejos de esquinas, juntas, perforaciones y costuras, y evite la base del envase. Los cilindros, las bolsas y las botellas tienen recomendaciones propias, así que consulte las de su tipo de envase y haga verificar el código impreso.
¿Se puede añadir texto o sellos a la imagen principal en línea?
Es más seguro suponer que no. GS1 considera no conforme con su guía el texto añadido a la imagen fuera del propio envase, y las normas de Google Merchant Center rechazan las imágenes principales con superposiciones promocionales, marcas de agua o bordes. Ponga la información esencial en el envase, de modo que forme parte del producto, y use las imágenes adicionales y la página de producto para todo lo demás.
¿Cómo se comprueba si un envase se lee a tamaño de miniatura?
Mire la imagen en un teléfono real, a tamaño de listado y entre productos competidores, y pregúntese si la marca, el tipo de producto, la variedad y la cantidad se leen de un vistazo. Para obtener un resultado repetible, GS1 recomienda la prueba See-It de la Universidad de Cambridge. Como comprobación rápida de estudio describe desenfocar una imagen cuadrada de 3000 píxeles con un desenfoque gaussiano de 34 píxeles, que simula una imagen pequeña vista a un brazo de distancia.