Leistungsseite mit Vorschau: Liefergegenstand und Demonstrationsbeispiel sauber trennen

Viele Leistungsseiten zeigen ein hübsches Beispiel und lassen offen, ob Kundinnen und Kunden genau das erhalten. Dieser Artikel beschreibt einen vorgeschlagenen Arbeitsablauf, um in einer Vorschau zwei Dinge getrennt zu halten: den Liefergegenstand und das Demonstrationsbeispiel. Alle genannten Angaben sind frei erfundene, öffentliche Beispielwerte und keine Ergebnisse echter Projekte.

Das Problem

Stellen Sie sich eine fiktive Seite für einen Dienst zur Erstellung von Preislisten vor. Daneben steht das Bild einer fertigen Preisliste in dunklem Design mit Fotos. Besucher lesen das als Zusage. Gemeint war aber nur: So kann eine Preisliste aussehen. Die Folge sind Rückfragen oder Enttäuschung bei der Übergabe.

Eingaben für den Ablauf

Sammeln Sie vor der Veröffentlichung drei Listen, jeweils mit eigenen Überschriften:

Liefergegenstand: Was wird übergeben? Zum Beispiel eine bearbeitbare Datei, eine Druckfassung, eine veröffentlichte Webseite.
Demonstrationsbeispiel: Was zeigt das Beispielbild oder die Beispielseite? Zum Beispiel Farbwelt, Aufbau, Schriftwirkung.
Nicht enthalten: Was im Beispiel zu sehen ist, aber nicht automatisch geliefert wird, etwa Fotos, Logos oder Beispieltexte.

Schritt für Schritt

Schritt 1: Schreiben Sie je Element des Beispiels eine Zeile mit der Frage: Wird das geliefert, ist es nur illustrativ oder hängt es von Material des Kunden ab?

Schritt 2: Weisen Sie jedem Element eine von drei Kennzeichnungen zu: Enthalten, Nur Beispiel, Nach Absprache.

Schritt 3: Bauen Sie die Vorschau so auf, dass das Beispiel eine sichtbare Beschriftung trägt, etwa Beispielansicht, nicht der Lieferumfang. Direkt darunter steht der Block Das erhalten Sie mit den enthaltenen Punkten.

Schritt 4: Prüfen Sie jeden Satz auf Wörter wie genau so, wie abgebildet. Streichen oder präzisieren Sie sie.

Entscheidungszweige

Ist ein Element im Beispiel nicht eindeutig einer Kennzeichnung zuzuordnen, gilt es vorerst als Nur Beispiel, bis jemand es verbindlich zu Enthalten ändert.
Hängt ein Element von Kundenmaterial ab, nennen Sie das Material, das Sie dafür brauchen, in einem Satz.
Ändert sich der Lieferumfang, wird zuerst die Liste Liefergegenstand angepasst und erst danach die Vorschau.

Stoppbedingungen

Veröffentlichen Sie nicht, wenn eines davon zutrifft:

Ein sichtbares Element im Beispiel hat keine Kennzeichnung.
Die Beschriftung des Beispiels ist nur im Seitenfuß oder in sehr kleiner Schrift zu finden.
Der Block mit dem Lieferumfang widerspricht dem Beispieltext.

Ein durchgespieltes Beispiel

Fiktive Beispielseite: Preislistengestaltung für ein kleines Café. Das Beispiel zeigt eine zweispaltige Liste mit Foto, Titelzeile und Fußnote.

Zweispaltiger Aufbau: Enthalten.
Foto im Beispiel: Nur Beispiel. Eigene Fotos nach Absprache.
Titelzeile in der gezeigten Schrift: Nach Absprache, weil die Schriftlizenz geklärt sein muss.
Fußnote: Nur Beispiel.

Die Beschriftung lautet: Beispielansicht. Fotos und Schrift gehören nicht automatisch zum Lieferumfang. Darunter steht: Enthalten sind der Aufbau und eine bearbeitbare Datei.

Kleiner Abnahmetest

Bitten Sie zwei Personen, die das Projekt nicht kennen, die Vorschau fünf Minuten zu betrachten. Fragen Sie jeweils: Was bekomme ich, und was ist nur zur Illustration da? Der Test gilt als bestanden, wenn beide den Liefergegenstand in eigenen Worten richtig nennen und mindestens ein Nur-Beispiel-Element korrekt benennen. Weicht eine Antwort ab, ändern Sie die Beschriftung oder die Reihenfolge und wiederholen den Test mit zwei anderen Personen.

Zusätzlich prüfen Sie am Handy, ob die Beschriftung des Beispiels ohne Scrollen neben dem Bild sichtbar ist. Ist das nicht der Fall, verschieben Sie sie.

Abschluss

Der Nutzen liegt in der Trennung: Das Beispiel darf attraktiv sein, solange der Lieferumfang daneben unmissverständlich steht. Pflegen Sie beide Listen zusammen, damit sie nicht auseinanderlaufen. Welche Kennzeichnungen Sie verwenden, bleibt Ihnen überlassen. Entscheidend ist, dass jedes sichtbare Element genau eine hat.