Un mockup è un'immagine rappresentativa che mostra come apparirà un design su un prodotto reale. Prima che una t-shirt, una tazza, un poster o una cover per telefono vengano prodotti, il design viene posizionato digitalmente su una foto o su un modello 3D del prodotto; il risultato sembra un prodotto già stampato. Si parla anche di «anteprima del prodotto» o di «mock-up». Per chi vende in print on demand (POD), il mockup sostituisce la foto del prodotto: poiché il prodotto viene realizzato solo dopo la vendita, il mockup è la prima e spesso l'unica immagine che l'acquirente vede.

A cosa serve un mockup?

  • Sostituisce la foto del prodotto: chi lavora senza magazzino non deve stampare e fotografare ogni design. Si possono pubblicare centinaia di design senza produrre un campione per ciascuno.
  • Permette di testare il design prima della stampa: dimensione rispetto all'area di stampa, posizione rispetto al centro del petto e contrasto di colore su tessuto scuro e chiaro si vedono subito sul mockup.
  • È uno strumento di presentazione: quando un cliente deve approvare un logo o un design, mostrarlo sul prodotto invece che come PNG piatto accelera la decisione.
  • Produce immagini di marketing: lo stesso mockup può essere riutilizzato in un post social, in un annuncio pubblicitario e nel banner del negozio.

Differenze tra mockup, wireframe e prototipo

La parola «mockup» ha significati diversi nei vari settori; da qui nasce la confusione nelle ricerche.

TermineCosa mostra?Dove si usa?
WireframeLo scheletro poco dettagliato di una schermata: riquadri, linee, layoutDesign di siti web e app
MockupUna vista realistica ma statica, vicina al design finaleImmagini di prodotto, presentazione di interfacce, packaging
PrototipoUn esemplare cliccabile o fisicamente funzionanteTest con gli utenti, prove prima della produzione

Questo articolo parla del mockup di prodotto nell'e-commerce: la presentazione di un design su un prodotto come t-shirt, tazza o poster.

Tipi di mockup

  • Mockup flat lay: il prodotto è appoggiato su una superficie piana, come fotografato dall'alto. Il design è ben leggibile; su Etsy è spesso usato come prima immagine.
  • Mockup con modello o manichino: il prodotto è indossato da una persona. Comunica vestibilità, taglia e quanto appare grande il design sul corpo.
  • Mockup lifestyle: una tazza su un tavolo, un poster su una parete, una cover in mano. Aiuta l'acquirente a immaginare il prodotto nella propria vita.
  • Mockup in rendering 3D: un modello del prodotto creato al computer. Angolazione e luce si cambiano liberamente e le varianti di colore si producono rapidamente.
  • Mockup di dettaglio (primo piano): una vista ravvicinata che mostra la texture della stampa, il tessuto o la leggibilità del testo.

Poiché gli annunci Etsy possono includere un video oltre alle foto, alcuni venditori trasformano i propri mockup anche in un breve video con rotazione o zoom.

Come si crea un mockup?

  1. Preparare il design: un file ad alta risoluzione con sfondo trasparente (PNG) dà il risultato più pulito.
  2. Scegliere il modello giusto: usare un modello di mockup adatto al tipo di prodotto e alla variante di colore in vendita. Un design posizionato su un modello di t-shirt bianca non appare uguale su una t-shirt nera.
  3. Regolare scala e posizione: mostrare il design nella dimensione e nel punto in cui verrà davvero stampato. Centro del petto, petto sinistro o schiena danno impressioni diverse.
  4. Mantenere il realismo: un buon modello riporta sul design le pieghe del tessuto e la luce; il design non deve sembrare un adesivo applicato sul prodotto.
  5. Completare il set: invece di una sola immagine, preparare un set con la prima immagine, le opzioni di colore, una vista indossata e una tabella delle taglie.

Per una guida passo passo si veda come creare un mockup e, per i dettagli specifici delle t-shirt, come creare un mockup di t-shirt.

Quali strumenti si usano per creare mockup?

  • Photoshop: i modelli con oggetti avanzati offrono il massimo controllo; imparare a usarlo richiede tempo.
  • Canva e strumenti simili nel browser: veloci e basati su modelli; il controllo dei dettagli è più limitato.
  • Siti di generatori di mockup: si carica il design e si ottengono subito immagini in scene già pronte. Per le differenze si veda cos'è un generatore di mockup.
  • Pannelli di print on demand: in Printmeet è possibile vedere il proprio design sul prodotto con un mockup dal vivo e inviarlo a Etsy come prodotto dallo stesso pannello; mockup, titolo e tag vengono preparati in un unico flusso.

A cosa fare attenzione con i mockup su Etsy

  • La prima immagine appare piccola: nei risultati di ricerca la prima immagine è mostrata come un piccolo quadrato. Verificare che il design sia leggibile anche a quella dimensione.
  • Un'immagine per ogni colore: l'acquirente vuole vedere come appare il colore scelto; un mockup di un solo colore genera resi e domande.
  • Rappresentare fedelmente il prodotto: filtri eccessivi, lucentezza irreale o una dimensione di stampa sbagliata portano clic nel breve periodo e recensioni negative nel lungo periodo. Per gli errori più comuni si veda errori comuni nel design dei mockup.
  • Controllare la licenza del modello: non tutti i modelli di mockup scaricati da internet sono utilizzabili a fini commerciali. Leggere la licenza di ogni modello usato in un'immagine di vendita.
  • Scegliere uno stile visivo coerente: usare sfondo e luce simili in tutti gli annunci rende il negozio più professionale. Si veda creare mockup professionali.

I mockup influiscono sulle vendite?

Negli acquisti online l'acquirente non può toccare il prodotto; l'immagine è la sua principale fonte di informazione. Se un annuncio viene cliccato nei risultati di ricerca dipende in gran parte dalla prima immagine, mentre l'intero set di immagini sostiene la decisione d'acquisto nella pagina dell'annuncio. Per questo nel POD il mockup non va trattato come una decorazione, ma come il prodotto stesso. Per la logica generale del modello di business si veda cos'è il print on demand.

Domande frequenti

Cos'è un mockup, in breve?

Un mockup è un'immagine digitale che mostra come apparirà un design su un prodotto reale come una t-shirt, una tazza o un poster. Si usa per vendere e presentare prima che il prodotto venga realizzato.

Che differenza c'è tra un mockup e una foto del prodotto?

Una foto del prodotto è uno scatto del prodotto reale già stampato; un mockup si ottiene posizionando digitalmente il design su un modello. I mockup permettono di mostrare molti design e colori senza produrre campioni.

Usare i mockup su Etsy è un problema?

La maggior parte dei venditori in print on demand usa i mockup come immagini degli annunci. L'importante è che l'immagine rappresenti fedelmente il prodotto che verrà spedito all'acquirente per colore, dimensione e posizione della stampa.

Si scrive mockup o mock-up?

La grafia comune è «mockup» (a volte «mock-up»). In turco viene spesso scritto anche in modo fonetico come «mokap».