Ein Mockup ist ein repräsentatives Bild, das zeigt, wie ein Design auf einem echten Produkt aussehen wird. Bevor ein T-Shirt, eine Tasse, ein Poster oder eine Handyhülle produziert wird, wird das Design digital auf ein Foto oder ein 3D-Modell des Produkts gelegt; das Ergebnis sieht aus, als wäre das Produkt bereits bedruckt. Man spricht auch von einer „Produktvorschau“ oder einem „Mock-up“. Für Print-on-Demand-Verkäufer (POD) ersetzt das Mockup das Produktfoto: Da das Produkt erst nach einem Verkauf hergestellt wird, ist das Mockup das erste und oft das einzige Bild, das der Käufer sieht.
Wofür wird ein Mockup verwendet?
- Es ersetzt das Produktfoto: Wer ohne Lager arbeitet, muss nicht jedes Design drucken und fotografieren. Hunderte Designs lassen sich listen, ohne für jedes ein eigenes Muster zu produzieren.
- Es testet das Design vor dem Druck: Größe im Verhältnis zur Druckfläche, Position zur Brustmitte und Farbkontrast auf dunklem und hellem Stoff sind auf dem Mockup sofort sichtbar.
- Es ist ein Präsentationswerkzeug: Wenn ein Kunde ein Logo oder Design freigeben soll, beschleunigt die Ansicht auf dem Produkt statt einer flachen PNG-Datei die Entscheidung.
- Es liefert Marketingbilder: Dasselbe Mockup lässt sich in einem Social-Media-Beitrag, einer Anzeige und einem Shop-Banner wiederverwenden.
Mockup, Wireframe und Prototyp im Vergleich
Das Wort „Mockup“ wird in verschiedenen Branchen unterschiedlich verwendet; daher kommt die Verwirrung bei der Suche.
| Begriff | Was zeigt er? | Wo wird er verwendet? |
|---|---|---|
| Wireframe | Ein detailarmes Gerüst eines Bildschirms: Kästen, Linien, Layout | Web- und App-Design |
| Mockup | Eine realistische, aber statische Ansicht nahe am finalen Design | Produktbilder, Interface-Präsentationen, Verpackung |
| Prototyp | Ein klickbares oder physisch funktionierendes Muster | Nutzertests, Versuche vor der Produktion |
Dieser Artikel behandelt das Produkt-Mockup im E-Commerce: die Darstellung eines Designs auf einem Produkt wie T-Shirt, Tasse oder Poster.
Arten von Mockups
- Flat-Lay-Mockup: Das Produkt liegt auf einer flachen Fläche und wirkt wie von oben fotografiert. Das Design ist gut lesbar; auf Etsy wird es häufig als erstes Bild verwendet.
- Model-/Puppen-Mockup: Das Produkt wird an einer Person gezeigt. Es vermittelt Schnitt, Größe und wie groß das Design am Körper wirkt.
- Lifestyle-Mockup: Eine Tasse auf dem Tisch, ein Poster an der Wand, eine Hülle in der Hand. Käufer können sich das Produkt in ihrem eigenen Alltag vorstellen.
- 3D-Render-Mockup: Ein am Computer erstelltes Modell des Produkts. Blickwinkel und Licht lassen sich frei ändern, Farbvarianten entstehen schnell.
- Detail-Mockup (Nahaufnahme): Eine Nahansicht, die Drucktextur, Stoff oder die Lesbarkeit von Text zeigt.
Da Etsy-Angebote neben Fotos auch ein Video enthalten können, machen manche Verkäufer aus ihren Mockups zusätzlich ein kurzes Dreh- oder Zoom-Video.
Wie erstellt man ein Mockup?
- Design vorbereiten: Eine hochauflösende Datei mit transparentem Hintergrund (PNG) liefert das sauberste Ergebnis.
- Passende Vorlage wählen: Verwenden Sie eine Mockup-Vorlage, die zu Produkttyp und Farbvariante passt. Ein Design auf einer weißen T-Shirt-Vorlage sieht auf einem schwarzen T-Shirt anders aus.
- Größe und Position einstellen: Zeigen Sie das Design in der Größe und an der Stelle, an der es tatsächlich gedruckt wird. Brustmitte, linke Brust oder Rücken wirken unterschiedlich.
- Realistisch bleiben: Eine gute Vorlage überträgt Stofffalten und Licht auf das Design; es sollte nicht wie ein Aufkleber auf dem Produkt wirken.
- Set vervollständigen: Statt eines einzelnen Bildes ein Set aus erstem Bild, Farboptionen, Ansicht am Model und Größentabelle vorbereiten.
Eine Schritt-für-Schritt-Anleitung finden Sie unter Mockup erstellen, Details speziell für T-Shirts unter T-Shirt-Mockup erstellen.
Mit welchen Tools erstellt man Mockups?
- Photoshop: Vorlagen mit Smartobjekten bieten die meiste Kontrolle; die Einarbeitung braucht Zeit.
- Canva und ähnliche Browser-Tools: Schnell und vorlagenbasiert; die Detailkontrolle ist eingeschränkter.
- Mockup-Generator-Seiten: Design hochladen und sofort Bilder in fertigen Szenen erhalten. Zu den Unterschieden siehe Was ist ein Mockup-Generator.
- Print-on-Demand-Panels: In Printmeet sehen Sie Ihr Design mit einem Live-Mockup auf dem Produkt und können es im selben Panel als Produkt an Etsy senden; Mockup, Titel und Tags entstehen in einem Ablauf.
Worauf Sie bei Mockups auf Etsy achten sollten
- Das erste Bild erscheint klein: In den Suchergebnissen wird das erste Bild als kleines Quadrat angezeigt. Prüfen Sie, ob das Design in dieser Größe noch lesbar ist.
- Ein eigenes Bild pro Farbe: Käufer möchten sehen, wie die gewählte Farbe aussieht; ein einfarbiges Mockup führt zu Rücksendungen und Rückfragen.
- Das Produkt korrekt darstellen: Starke Filter, unrealistischer Glanz oder eine falsche Druckgröße bringen kurzfristig Klicks und langfristig schlechte Bewertungen. Die häufigsten Fehler finden Sie unter Fehler beim Mockup-Design.
- Lizenz der Vorlage prüfen: Nicht jede im Internet heruntergeladene Mockup-Vorlage darf kommerziell genutzt werden. Lesen Sie die Lizenz jeder Vorlage, die Sie in einem Verkaufsbild verwenden.
- Einheitlichen Bildstil wählen: Ähnlicher Hintergrund und ähnliches Licht in allen Angeboten lassen den Shop professioneller wirken. Siehe professionelle Mockups.
Beeinflussen Mockups den Umsatz?
Beim Online-Kauf kann der Käufer das Produkt nicht anfassen; das Bild ist die wichtigste Informationsquelle. Ob Sie in den Suchergebnissen angeklickt werden, entscheidet zum großen Teil das erste Bild, während das gesamte Bilderset die Kaufentscheidung auf der Angebotsseite unterstützt. Deshalb sollte ein Mockup im POD nicht als Dekoration, sondern wie das Produkt selbst behandelt werden. Zur Grundlogik des Geschäftsmodells siehe Was ist Print on Demand.
Häufig gestellte Fragen
Was ist ein Mockup, kurz erklärt?
Ein Mockup ist ein digitales Bild, das zeigt, wie ein Design auf einem echten Produkt wie T-Shirt, Tasse oder Poster aussehen wird. Es wird zum Verkaufen und Präsentieren verwendet, bevor das Produkt hergestellt wird.
Was ist der Unterschied zwischen Mockup und Produktfoto?
Ein Produktfoto ist eine Aufnahme des echten, bedruckten Produkts; ein Mockup entsteht, indem das Design digital auf eine Vorlage gelegt wird. Mit Mockups lassen sich viele Designs und Farben zeigen, ohne Muster zu produzieren.
Ist es ein Problem, Mockups auf Etsy zu verwenden?
Die meisten Print-on-Demand-Verkäufer nutzen Mockups als Angebotsbilder. Wichtig ist, dass das Bild das Produkt, das der Käufer erhält, in Farbe, Größe und Druckposition korrekt darstellt.
Schreibt man Mockup oder Mock-up?
Üblich ist „Mockup“ (manchmal „Mock-up“). Im Türkischen wird es häufig auch lautgetreu als „mokap“ geschrieben.