„Mockup“ (auch Mock-up, deutsch etwa: Attrappe oder Modell) ist ein realistischer, aber noch nicht funktionsfähiger Entwurf, der zeigt, wie eine Website oder App später aussehen soll. Einfacher gesagt: ein Bild der fertigen Seite, auf dem sich noch nichts anklicken lässt.
Anders als das Wireframe enthält ein Mockup bereits Farben, Schriften, Bilder und möglichst echte Texte. Es zeigt also das geplante Erscheinungsbild im Corporate Design des Unternehmens. Für Klicks und Abläufe gibt es den Klickdummy. Mockups entstehen meist für Desktop und Smartphone und dienen als Grundlage, um das Design vor der technischen Umsetzung freizugeben.
Im Grafikdesign bezeichnet „Mockup“ außerdem eine Vorlage, mit der sich Entwürfe realitätsnah präsentieren lassen, etwa ein Logo auf einer Visitenkarte. In Website-Projekten spart ein sorgfältig abgestimmtes Mockup spätere Korrekturschleifen im Code.
Webdesign
Von der ersten Idee bis zur fertigen Website
Strategie, Design und Technik aus einer Hand, und auch nach dem Launch sind wir für euch da.