Een mockup is een representatieve afbeelding die laat zien hoe een ontwerp op een echt product zal staan. Voordat een T-shirt, mok, poster of telefoonhoesje wordt geproduceerd, wordt het ontwerp digitaal op een foto of 3D-model van het product geplaatst; het resultaat ziet eruit alsof het product al bedrukt is. Het wordt ook wel een „productvoorbeeld” of „mock-up” genoemd. Voor verkopers met print on demand (POD) vervangt de mockup de productfoto: omdat het product pas na een verkoop wordt gemaakt, is de mockup de eerste en vaak de enige afbeelding die de koper ziet.
Waarvoor gebruik je een mockup?
- Het vervangt de productfoto: wie zonder voorraad werkt, hoeft niet elk ontwerp te drukken en te fotograferen. Je kunt honderden ontwerpen aanbieden zonder van elk een proefexemplaar te maken.
- Je test het ontwerp vóór het drukken: de grootte ten opzichte van het drukvlak, de positie ten opzichte van het midden van de borst en het kleurcontrast op donkere en lichte stof zie je meteen op de mockup.
- Het is een presentatiemiddel: als een klant een logo of ontwerp moet goedkeuren, gaat de beslissing sneller wanneer je het op het product laat zien in plaats van als platte PNG.
- Het levert marketingbeelden op: dezelfde mockup kun je hergebruiken in een socialemediabericht, een advertentie en een winkelbanner.
Verschil tussen mockup, wireframe en prototype
Het woord „mockup” wordt in verschillende sectoren anders gebruikt; daar komt de verwarring bij het zoeken vandaan.
| Term | Wat laat het zien? | Waar wordt het gebruikt? |
|---|---|---|
| Wireframe | Een weinig gedetailleerd skelet van een scherm: blokken, lijnen, indeling | Web- en appontwerp |
| Mockup | Een realistische maar statische weergave, dicht bij het eindontwerp | Productbeelden, interfacepresentaties, verpakkingen |
| Prototype | Een klikbaar of fysiek werkend exemplaar | Gebruikerstests, proeven vóór productie |
Dit artikel gaat over de productmockup in e-commerce: een ontwerp tonen op een product zoals een T-shirt, mok of poster.
Soorten mockups
- Flatlay-mockup: het product ligt op een vlakke ondergrond, alsof het van bovenaf is gefotografeerd. Het ontwerp is goed leesbaar; op Etsy wordt het vaak als eerste afbeelding gebruikt.
- Model- of paspopmockup: het product wordt gedragen door een persoon. Het laat de pasvorm, de maat en de grootte van het ontwerp op het lichaam zien.
- Lifestylemockup: een mok op tafel, een poster aan de muur, een hoesje in een hand. Zo kan de koper zich het product in zijn eigen leven voorstellen.
- 3D-rendermockup: een computergemaakt model van het product. Hoek en licht pas je vrij aan en kleurvarianten maak je snel.
- Detailmockup (close-up): een nabije weergave die de printstructuur, de stof of de leesbaarheid van tekst laat zien.
Omdat Etsy-aanbiedingen naast foto's ook een video kunnen bevatten, maken sommige verkopers van hun mockups ook een korte draai- of zoomvideo.
Hoe maak je een mockup?
- Bereid het ontwerp voor: een bestand in hoge resolutie met transparante achtergrond (PNG) geeft het schoonste resultaat.
- Kies het juiste sjabloon: gebruik een mockupsjabloon dat past bij het producttype en de kleurvariant die je verkoopt. Een ontwerp op een sjabloon van een wit T-shirt ziet er op een zwart T-shirt anders uit.
- Stel schaal en positie in: toon het ontwerp op het formaat en de plek waar het echt wordt gedrukt. Midden op de borst, linkerborst of rug geven een andere indruk.
- Blijf realistisch: een goed sjabloon neemt de plooien van de stof en het licht over op het ontwerp; het mag er niet uitzien als een sticker op het product.
- Maak de set compleet: maak in plaats van één afbeelding een set met de eerste afbeelding, kleuropties, een weergave op een model en een maattabel.
Voor een stappenplan zie een mockup maken en voor details specifiek voor T-shirts een T-shirtmockup maken.
Met welke tools maak je mockups?
- Photoshop: sjablonen met slimme objecten geven de meeste controle; het leren kost tijd.
- Canva en vergelijkbare browsertools: snel en op sjablonen gebaseerd; de controle over details is beperkter.
- Mockupgenerator-sites: je uploadt het ontwerp en krijgt direct afbeeldingen in kant-en-klare scènes. Voor de verschillen zie wat is een mockupgenerator.
- Print-on-demandpanelen: in Printmeet zie je je ontwerp met een live mockup op het product en kun je het vanuit hetzelfde paneel als product naar Etsy sturen; mockup, titel en tags worden in één flow voorbereid.
Waar let je op bij mockups op Etsy?
- De eerste afbeelding wordt klein getoond: in de zoekresultaten verschijnt de eerste afbeelding als een klein vierkant. Controleer of het ontwerp op dat formaat nog leesbaar is.
- Een aparte afbeelding per kleur: de koper wil zien hoe de gekozen kleur eruitziet; een mockup in één kleur leidt tot retouren en vragen.
- Geef het product eerlijk weer: zware filters, onrealistische glans of een verkeerde printgrootte leveren op korte termijn klikken en op lange termijn slechte reviews op. Voor de meest gemaakte fouten zie veelgemaakte fouten in mockupontwerp.
- Controleer de licentie van het sjabloon: niet elk mockupsjabloon dat je van internet downloadt, mag commercieel worden gebruikt. Lees de licentie van elk sjabloon dat je in een verkoopafbeelding gebruikt.
- Kies een consistente beeldstijl: een vergelijkbare achtergrond en belichting in al je aanbiedingen laat de winkel professioneler ogen. Zie professionele mockups maken.
Hebben mockups invloed op de verkoop?
Bij online winkelen kan de koper het product niet aanraken; de afbeelding is de belangrijkste bron van informatie. Of er in de zoekresultaten op je aanbieding wordt geklikt, hangt grotendeels af van de eerste afbeelding, terwijl de hele set afbeeldingen de koopbeslissing op de aanbiedingspagina ondersteunt. Daarom moet je een mockup bij POD niet als versiering zien, maar als het product zelf. Voor de algemene logica van het bedrijfsmodel zie wat is print on demand.
Veelgestelde vragen
Wat is een mockup, in het kort?
Een mockup is een digitale afbeelding die laat zien hoe een ontwerp op een echt product zoals een T-shirt, mok of poster zal staan. Het wordt gebruikt om te verkopen en te presenteren voordat het product wordt gemaakt.
Wat is het verschil tussen een mockup en een productfoto?
Een productfoto is een opname van het echte, bedrukte product; een mockup ontstaat door het ontwerp digitaal op een sjabloon te plaatsen. Met mockups kun je veel ontwerpen en kleuren tonen zonder proefexemplaren te maken.
Is het een probleem om mockups op Etsy te gebruiken?
De meeste print-on-demandverkopers gebruiken mockups als afbeeldingen bij hun aanbiedingen. Belangrijk is dat de afbeelding het product dat de koper ontvangt qua kleur, maat en printpositie eerlijk weergeeft.
Schrijf je mockup of mock-up?
De gangbare spelling is „mockup” (soms „mock-up”). In het Turks wordt het ook vaak fonetisch als „mokap” geschreven.