Prototyp
Ein Prototyp ist eine klickbare Vorschau einer Website, bevor sie programmiert wird. Statt einer statischen Zeichnung simuliert er echte Interaktionen, also Klicks, Übergänge und Navigation, damit dein Kunde die Seite durchspielen und abnehmen kann, bevor eine Zeile Code entsteht.
Für dich als Webdesigner ist der Prototyp die Stufe zwischen dem statischen Mockup und der fertigen Seite. Während ein Wireframe nur die Struktur skizziert und das Mockup das Aussehen festlegt, lässt der Prototyp den Kunden tatsächlich klicken: Das Menü öffnet sich, der Call-to-Action führt zum Formular, der mobile Zustand reagiert. Tools wie Figma sind dafür der De-facto-Standard, weil du dort vorhandene Screens per Trigger und Aktion verknüpfst, ohne etwas zu bauen. Ein solcher klickbarer Entwurf (oft auch Klickdummy genannt) macht abstrakte Konzepte für Kunden greifbar, die mit Designsprache nichts anfangen können.
Genau hier liegt der Akquise- und Projektnutzen. Ein Prototyp holt Feedback ein, solange Änderungen noch billig sind, nämlich per Drag-and-drop statt per Refactoring im CMS. Wer Layout, Navigation und Tonalität früh am Klickmodell abnimmt, kassiert die teuren Korrekturschleifen nicht erst kurz vor dem Go-live. Für die Angebotsphase ist ein schlanker Prototyp außerdem ein starkes Verkaufsargument: Statt nur über den geplanten Relaunch zu reden, zeigst du dem Interessenten in zwei Minuten, wie seine neue Startseite sich anfühlt, was den Sprung vom Gespräch zur Unterschrift spürbar verkürzt.