Vom Unternehmer, der ein neues Produkt auf den Markt bringen möchte bis hin zum Designer, der die optische Erscheinung der Verpackung gestaltet – für jeden Beteiligten an einem Projekt ist es sehr motivierend und informativ, das Endergebnis bereits vor der Druckfreigabe oder Auftragserteilung an die Entwickler sehen zu können. Zu diesem Zweck werden häufig so genannte Mockups erstellt, grafische Simulationen des Endproduktes bzw. der Verpackung. In diesem Artikel wollen wir Dir einige sehr interessante Tools und Webdienste vorstellen, die das Erstellen von Mockups erleichtern und/oder automatisieren.

Place it

Dieser Anbieter stellt die verschiedensten Bilder und Videos zur Verfügung, in die man seine eigenen Screenshoots, Designs und Animationen ganz bequem via Browser einfügen kann. Die Angebotspalette an Vorlagen ist bei „Place it“ besonders breit gefächert und umfasst Vorlagen für den digitalen Markt, den Print-Bereich und Textildruck. „Place it“ bietet dabei verschiedene Entlohnungsmodelle an (z.B. Abo oder Einzelkauf) und gestaltet den Preis ebenso professionell wie die angebotenen Grafiken…

http://www.placeit.net/

AppDemoStore

Neben dem großen kostenlosen Angebot an abfotografierten Smartphones und Tabletts, bietet diese Website als Abo-Modell an, geplante Apps mit Screenshoots und interaktiver Präsentationen zu visualisieren. Diese Demos können entweder im Meeting live genutzt und an die Wand projiziert werden, es ist aber ebenso möglich, sie auf einer Website zu veröffentlichen um den Nutzer selber damit herumspielen zu lassen. Das einbinden in die eigene Website soll dabei so einfach sein, wie das Einbinden von YouTube-Videos.

http://www.appdemostore.com

MockUPhone

Computer, Tablets, Smartphones oder Fernseher. Viele gute Vorlagen der bekannten Geräte in verschiedenen Ausrichtungen bietet diese Website kostenlos. Zwar muss man sich zum Download in den Newsletter der Betreiber eintragen, bei der Qualität der angebotenen Mockup-Vorlagen aber ein fairer Preis.

https://mockuphone.com/

Place.to

Nicht nur vom Namen her ist diese Website „Place it“ sehr ähnlich. Auch hier können eigene Grafiken und Screenshoots ganz einfach via Drag and Drop eingefügt werden und das fertige Mockup-Bild herunter geladen werden. Die geringste Auflösung ist kostenlos, die höheren sind zwar kostenpflichtig aber preislich äußerst fair. So fällt es „Place.to“ leicht, „Place it“ in den Schatten zu stellen – zumindest wenn es um Mockups digitaler Projekte geht. Den Printbereich oder den Textildruck deckt „Place.to“ allerdings nicht ab.

http://www.place.to/

IMockPS

Grade der Profi wird weniger auf der Suche nach einem Webdienst sein, sondern womöglich Photoshop-Dateien suchen, die er persönlich anpassen kann. Diese Website bietet drei verschiedene Pakete, je eins für das iPhone6 in schwarz und weiß und eines für das iPad Air2 zu einem vernünftigen Preis an.

http://www.imockps.com/

mockDrop

Hier werden verschiedene Motive aus den Bereichen Smartphone, Tablet, Laptop, Desktop und Smartwatch angeboten. Die Vorlagen können ganz einfach im Browser durch die eigenen Grafiken und Screenshoots ergänzt werden und dann kostenlos herunter geladen werden.

http://mockdrop.io/

Mockup Builder

Programme, Apps oder Web-Projekte können auch inhaltlich Thema eines Mockups sein. Hierzu ist „Mockup Builder“ eine hervorragende Lösung. Ohne auf das Design einzugehen, bietet dieser Web-Service die Möglichkeit, die Funktionalität von Prozessabläufen zu simulieren.

http://www.mockupbuilder.com/

iPhone Mockup

Bei dieser Mockup-Seite geht es um die Benutzeroberfläche von iPhone-Apps unter Verwendung der vordefinierten GUI-Elemente wie Buttons, Textfelder oder Switches. Dabei erhält jeder Entwurf eine eigene URL, so dass man beispielsweise mit dem Entwicklerteam den entsprechenden Link teilt und jeder seine Änderungsvorschläge direkt visuell demonstrieren kann.

http://iphonemockup.lkmc.ch/

Boxshot 3D-Pack

Vom Buch, über DVD- und CD-Hülle bis hin zur Verpackungsbox – all diese Mockups lassen sich mit diesem Webservice bequem und einfach erstellen. Dabei lässt sich die Ansicht um 360° auf allen Achsen um das Mockup drehen und die fertige Ansicht zu einem fairen Preis käuflich erwerben. Noch vielfältiger wird dieser Dienst, wenn man sich die Software herunterläd und damit über 50 weitere Mockup-Vorlagen verfügbar werden.

http://boxshot.com/3d-pack

Boxshot Origami

Ein weiteres sehr gutes Tool von Boxshot: Designer von Verpackungen, die mit Adobe Illustrator arbeiten, kommen kaum um dieses PlugIn vorbei. Die Druckvorlage für die entsprechende Verpackung wird eingelesen, Schnitt und Falzkanten definiert und schon baut Origami das daraus resultierende fertige Verpackungsprodukt zusammen. So kann das Endergebnis zum einen visualisiert werden, zum anderen kann so ein finaler Test durchgeführt werden um mögliche Denkfehler vor der Druckfreigabe zu vermeiden.

http://boxshot.com/origami/

MockupWorld

Wem nun noch irgendeine Vorlage für eigene Mockups fehlt, der findet kostenlose und kostenpflichtige Mockups im Internet über diese Website. Ähnlich wie bei einem Stock-Anbieter kann man hier thematisch nach allen möglichen Vorlagen für Mockups suchen. Was hier nicht zu finden ist, existiert nicht… 😉

http://www.mockupworld.co/