Un mockup es una imagen representativa que muestra cómo se verá un diseño en un producto real. Antes de fabricar una camiseta, una taza, un póster o una funda de móvil, el diseño se coloca digitalmente sobre una foto o un modelo 3D del producto; el resultado parece un producto ya impreso. También se le llama «vista previa del producto» o «maqueta». Para quienes venden con impresión bajo demanda (print on demand, POD), el mockup sustituye a la foto del producto: como el producto no se fabrica hasta que hay una venta, el mockup es la primera y a menudo la única imagen que ve el comprador.
¿Para qué sirve un mockup?
- Sustituye a la foto del producto: quien vende sin stock no tiene que imprimir y fotografiar cada diseño. Se pueden publicar cientos de diseños sin producir una muestra de cada uno.
- Permite probar el diseño antes de imprimir: el tamaño respecto al área de impresión, la posición respecto al centro del pecho y el contraste de color en tela oscura y clara se ven al instante en el mockup.
- Es una herramienta de presentación: para que un cliente apruebe un logotipo o diseño, mostrarlo sobre el producto en lugar de un PNG plano agiliza la decisión.
- Genera imágenes de marketing: el mismo mockup puede reutilizarse en una publicación en redes sociales, un anuncio y el banner de la tienda.
Diferencias entre mockup, wireframe y prototipo
La palabra «mockup» se usa con distintos significados según el sector; de ahí viene la confusión al buscar.
| Término | ¿Qué muestra? | ¿Dónde se usa? |
|---|---|---|
| Wireframe | El esqueleto poco detallado de una pantalla: cajas, líneas, distribución | Diseño web y de aplicaciones |
| Mockup | Una vista realista pero estática, cercana al diseño final | Imágenes de producto, presentación de interfaces, packaging |
| Prototipo | Una muestra que se puede pulsar o que funciona físicamente | Pruebas con usuarios, ensayos previos a la producción |
Este artículo trata del mockup de producto en el comercio electrónico: mostrar un diseño en un producto como una camiseta, una taza o un póster.
Tipos de mockup
- Mockup plano (flat lay): el producto aparece sobre una superficie plana, como fotografiado desde arriba. El diseño se lee con claridad; en Etsy se usa a menudo como primera imagen.
- Mockup con modelo o maniquí: el producto se muestra puesto en una persona. Comunica el corte, la talla y el tamaño del diseño sobre el cuerpo.
- Mockup lifestyle: una taza en una mesa, un póster en una pared, una funda en una mano. Ayuda al comprador a imaginar el producto en su propia vida.
- Mockup de render 3D: un modelo del producto creado por ordenador. El ángulo y la luz se cambian libremente y las variantes de color se generan con rapidez.
- Mockup de detalle (primer plano): una vista cercana que muestra la textura de la impresión, la tela o la legibilidad del texto.
Como los anuncios de Etsy admiten un vídeo además de las fotos, algunos vendedores convierten también sus mockups en un vídeo corto de giro o de zoom.
¿Cómo se hace un mockup?
- Prepare el diseño: un archivo de alta resolución con fondo transparente (PNG) da el resultado más limpio.
- Elija la plantilla adecuada: use una plantilla de mockup que coincida con el tipo de producto y la variante de color que vende. Un diseño colocado en una plantilla de camiseta blanca no se ve igual en una camiseta negra.
- Ajuste escala y posición: muestre el diseño con el tamaño y en el lugar donde realmente se imprimirá. Centro del pecho, pecho izquierdo o espalda transmiten impresiones distintas.
- Mantenga el realismo: una buena plantilla traslada los pliegues de la tela y la luz al diseño; este no debe parecer una pegatina sobre el producto.
- Complete el conjunto: en lugar de una sola imagen, prepare un conjunto con la primera imagen, las opciones de color, una vista con modelo y una tabla de tallas.
Para una guía paso a paso, consulte cómo hacer un mockup y, para detalles específicos de camisetas, cómo crear un mockup de camiseta.
¿Qué herramientas se usan para crear mockups?
- Photoshop: las plantillas con objetos inteligentes dan el mayor control; aprender a usarlo lleva tiempo.
- Canva y herramientas similares en el navegador: rápidas y basadas en plantillas; el control del detalle es más limitado.
- Sitios de generador de mockups: se sube el diseño y se obtienen al instante imágenes en escenas ya preparadas. Para ver las diferencias, consulte qué es un generador de mockups.
- Paneles de impresión bajo demanda: en Printmeet puede ver su diseño sobre el producto con un mockup en vivo y enviarlo a Etsy como producto desde el mismo panel; el mockup, el título y las etiquetas se preparan en un único flujo.
Qué cuidar al usar mockups en Etsy
- La primera imagen se ve pequeña: en los resultados de búsqueda, la primera imagen aparece como un cuadrado pequeño. Compruebe que el diseño sigue siendo legible a ese tamaño.
- Una imagen por color: el comprador quiere ver cómo queda el color que elige; un mockup de un solo color provoca devoluciones y preguntas.
- Represente el producto con fidelidad: los filtros excesivos, el brillo irreal o un tamaño de impresión incorrecto atraen clics a corto plazo y malas reseñas a largo plazo. Para los errores más comunes, consulte errores comunes en el diseño de mockups.
- Revise la licencia de la plantilla: no todas las plantillas de mockup descargadas de internet permiten el uso comercial. Lea la licencia de cualquier plantilla que use en una imagen de venta.
- Elija un estilo visual coherente: usar un fondo y una luz similares en todos los anuncios hace que la tienda se vea más profesional. Consulte cómo crear mockups profesionales.
¿Influyen los mockups en las ventas?
En la compra online el comprador no puede tocar el producto; la imagen es su principal fuente de información. Que hagan clic en su anuncio en los resultados de búsqueda depende en gran medida de la primera imagen, mientras que el conjunto completo de imágenes respalda la decisión de compra en la página del anuncio. Por eso, en POD el mockup no debe tratarse como un adorno, sino como el propio producto. Para la lógica general del modelo de negocio, consulte qué es el print on demand.
Preguntas frecuentes
¿Qué es un mockup, en pocas palabras?
Un mockup es una imagen digital que muestra cómo se verá un diseño en un producto real como una camiseta, una taza o un póster. Se usa para vender y presentar antes de fabricar el producto.
¿Qué diferencia hay entre un mockup y una foto de producto?
Una foto de producto es una toma del producto real ya impreso; un mockup se crea colocando digitalmente el diseño sobre una plantilla. Los mockups permiten mostrar muchos diseños y colores sin fabricar muestras.
¿Es un problema usar mockups en Etsy?
La mayoría de los vendedores de impresión bajo demanda usan mockups como imágenes de sus anuncios. Lo importante es que la imagen represente con fidelidad el producto que recibirá el comprador en color, tamaño y posición de la impresión.
¿Se escribe mockup o mock-up?
La grafía habitual es «mockup» (a veces «mock-up»). En turco también se escribe a menudo de forma fonética como «mokap».