LANDINGPAGE-DESIGN

Ein klares Angebot.Ein verständlicher Schritt.

Wir gestalten eigene Seiten für Kampagnen, Produkte und Leistungen. Wir verbinden Botschaft, Inhalte und die Aktion, die Besucher ausführen sollen, zu einem klaren Erlebnis auf Smartphone und Desktop.

kalendra.example/demoIllustratives Konzept
KalendraDemo anfordern

1Planen Sie die Schichten Ihres Teams an einem Ort.

Software für Restaurants und Praxen, die Wochenschichten planen.

Demo anfordern

Online-Demo mit dem Produktteam.

2Unterstützende Infos

  • Weniger Tabellen
  • Team informiert
  • Tausch mit Freigabe
  1. 1Angebot
  2. 2Unterstützende Infos
  3. 3Formular
  4. 4Illustrative Bestätigung
  • Fokussierte Botschaft
  • Handlungsaufforderung
  • Responsiver Prototyp

WAS EINE LANDINGPAGE IST

Eine Seite, gebaut um ein Ziel.

Anders als die Startseite, die mehrere Bereiche des Unternehmens zeigt, konzentriert sich eine Landingpage auf eine Zielgruppe, ein Angebot und einen Ablauf.

Es gibt keine feste Form: Die Seite kann kurz oder lang sein, mit oder ohne Menü, je nach Ziel und Bedürfnissen der Besucher. Unsere Leistung ist das Design; Programmierung, Veröffentlichung und Werbung sind andere Aufgaben.

Illustratives Konzept
KalendraDemo anfordern

Planen Sie die Schichten Ihres Teams an einem Ort.

Weniger TabellenTeam informiertTausch mit Freigabe

Demo anfordern

Demo anfordern
Zielgruppe
Eine
Angebot
Eines
Aktion
Eine

Vergleichen Sie: Die Startseite öffnet mehrere Wege, die Landingpage folgt einem Angebot.

WANN SIE SINNVOLL IST

Eine eigene Präsentation für jedes Angebot.

Jeder Fall hat seine eigene Hauptaktion und damit seine eigene Struktur.

  • Werbekampagne

    Aktion: Besucher suchen das gesehene Angebot

  • Produktvorstellung

    Aktion: Informationsanfrage

  • Demo-Anfrage

    Aktion: Demo buchen

  • Angebotsanfrage

    Aktion: Projektdetails senden

  • Event-Anmeldung

    Aktion: Platz reservieren

  • Material-Download

    Aktion: Leitfaden erhalten

  • Warteliste

    Aktion: Für Neuigkeiten anmelden

  • Leistung für eine Zielgruppe

    Aktion: Kontakt zum passenden Team

Die Fälle brauchen nicht dieselbe Struktur: Eine Event-Anmeldung braucht Datum und Ort, eine Angebotsanfrage Fragen zum Projekt.

LEISTUNGSUMFANG

Vom Angebot zu einem gestalteten Ablauf.

Vollständige Texterstellung, Fotografie und Übersetzungen werden im Angebot separat festgelegt.

  1. 01

    Angebots- und Zielgruppenanalyse

    Wir verstehen, an wen sich die Seite richtet und was Besucher tun sollen.

    Ergebnis: Ziel und Hauptaktion

  2. 02

    Inhaltsstruktur

    Wir legen die Reihenfolge von Botschaften und Abschnitten fest.

    Ergebnis: Abschnittsplan mit der Rolle jedes Teils

  3. 03

    Wireframe

    Wir ordnen die Inhalte vor der visuellen Gestaltung.

    Ergebnis: Kommentiertes Wireframe

  4. 04

    Interface-Design

    Wir gestalten Optik, Komponenten und Formular.

    Ergebnis: Freigegebene Desktop-Screens

  5. 05

    Responsive und Prototyp

    Wir passen das Erlebnis an und verknüpfen die wichtigsten Interaktionen.

    Ergebnis: Mobile Screens und klickbarer Prototyp

  6. 06

    Übergabe für die Umsetzung

    Wir bereiten Dateien und Hinweise auf.

    Ergebnis: Dateien, Assets und Notizen

BOTSCHAFT UND ZIELGRUPPE

Besucher sollen verstehen, warum das Angebot sie betrifft.

Wir legen fest, wen die Seite anspricht und was sie verspricht, damit die Überschrift die Botschaft fortsetzt, die den Besucher hergeführt hat.

  • Zielgruppe
  • Bedarf
  • Angebot
  • Konkreter Nutzen
  • Überprüfbare Unterschiede
  • Gewünschte Aktion
  • Traffic-Quelle
Illustratives Konzept

Einstiegslink

Illustrative Anzeige · kalendra.example/demo

Schichtplanung für Restaurants

Die Wochenschichten in einem gemeinsamen Kalender. Demo anfordern.

Überschrift der Seite

Planen Sie die Schichten Ihres Teams an einem Ort.

Software für Restaurants und Praxen, die Wochenschichten planen.

Die Überschrift setzt die Botschaft der Anzeige fort: Besucher finden das geklickte Angebot.

Ansicht wechseln: dieselbe Anzeige mit einer Seite, die die Botschaft fortführt, und einer, die sie verliert.

Wir halten Anzeige oder Einstiegslink und Seiteninhalt stimmig; wir nutzen keine reißerische Überschrift, die etwas anderes verspricht als das echte Angebot.

Annahmen über die Zielgruppe stellen wir nicht als Ergebnisse von Nutzerforschung dar.

SEITENSTRUKTUR

Die richtigen Informationen in der Reihenfolge, die die Entscheidung erleichtert.

Eine illustrative Struktur, die wir an das Angebot anpassen. Wir nutzen sie nicht als feste Formel und fügen keine Abschnitte hinzu, nur um die Seite zu verlängern.

Illustrative StrukturIllustratives Konzept

Rolle

Überschrift und Angebot

Sagt sofort, was angeboten wird und für wen.

Inhalt

Überschrift, Unterzeile und ein Satz zum Angebot.

Reihenfolge und Anzahl der Abschnitte ändern sich je nach Angebot; manche Abschnitte sind gar nicht nötig.

Wählen Sie einen Abschnitt, um Rolle und Inhalt zu sehen.

HANDLUNGSAUFFORDERUNGEN

Der Button sollte erklären, was danach passiert.

Wir benennen die Aktion mit Worten, die sie beschreiben, und ergänzen die Informationen, die Besucher dafür brauchen.

  • Angebot anfordern
  • Gespräch buchen
  • Demo anfordern
  • Für das Event anmelden
  • Leitfaden herunterladen

Wir legen fest

  • Die Hauptaktion
  • Die Platzierung
  • Wiederholung, wo sinnvoll
  • Unterstützende Informationen
  • Button-Zustände

Wir versprechen kein „Kostenlos“, „Unverbindlich“ oder „Sofortige Antwort“, wenn diese Bedingungen nicht zutreffen.

Illustratives Konzept
  • SendenDemo anfordernNach dem Senden schreiben wir Ihnen wegen eines Termins.
  • Hier klickenLeitfaden herunterladenEin 12-seitiges PDF, per E-Mail zugeschickt.
  • AnmeldenSeminarplatz reservierenOnline-Seminar; den Link erhalten Sie per E-Mail.

Vergleichen Sie die Beschriftungen und sehen Sie die Button-Zustände.

FORMULARE

Fragen Sie die Daten ab, die Sie für den nächsten Schritt brauchen.

Jedes Feld hat einen Grund. Wir erklären, was abgefragt wird, trennen Pflicht- von optionalen Feldern und zeigen, was nach dem Absenden passiert.

  • Begründete Felder
  • Beschriftungen
  • Pflicht- und optionale Felder
  • Hinweise
  • Fehler
  • Sendezustand
  • Bestätigung
  • Nächster Schritt
AnfrageformularIllustratives Konzept

Drei Felder genügen, um die Demo zu planen.

Ihre E-Mail nutzen wir nur, um die Demo zu planen.

Leer absenden, um die Fehler zu sehen, dann das Beispiel ausfüllen. Es wird nichts gesendet.

Ein Platzhalter ist nie die einzige Beschriftung, und wir fragen nicht mehr ab als nötig. Wird Material per E-Mail versendet, sagen wir das vor dem Absenden.

Die Marketing-Einwilligung ist von der Kontaktanfrage getrennt und nicht vorausgewählt. Der Prototyp sammelt keine echten Daten.

GLAUBWÜRDIGKEIT

Konkrete Gründe, dem Angebot zu vertrauen.

Wir nutzen echte Nachweise, wenn es sie gibt. Fehlen sie, ersetzen wir sie durch Erklärungen und klar gekennzeichnete Demonstrationen.

  • Echte Projekte

    Mit tatsächlicher Rolle und Ergebnis.

  • Arbeitsbeispiele

    Zeigen, was man bekommt.

  • Demonstrationen

    Klar gekennzeichnet.

  • Freigegebene Stimmen

    Nur mit Erlaubnis.

  • Ablaufbeschreibung

    Was nach der Anfrage passiert.

  • Identität und Kontakt

    Wer das Angebot macht.

  • Klare Bedingungen

    Preis, Zeitrahmen, Pflichten.

Wir erfinden keine Kundenlogos, Sterne, Rezensionen, Zertifizierungen, Nutzerzahlen oder Finanzergebnisse.

VISUELLES DESIGN UND MOBILE

Fokus auf das Angebot, ohne die Identität zu verlieren.

Typografische Hierarchie, Abstände und Fotos dienen dem Angebot. Wir vermeiden Animationen und Medien, die von der Botschaft ablenken.

  • Typografische Hierarchie
  • Abstände
  • Fotografie
  • Kontrast
  • Komponenten
  • Formulare
  • Mobile Screens

Auf dem Smartphone

  • Die Überschrift liest sich natürlich
  • Das Angebot ist ohne Zoom verständlich
  • Buttons sind gut bedienbar
  • Das Formular ist nicht gedrängt
  • Fixierte Elemente verdecken keine Inhalte

Responsive Design ist keine Garantie für Barrierefreiheit; Umsetzung und Tests bleiben nötig.

Kalendra

Planen Sie die Schichten Ihres Teams an einem Ort.

Software für Restaurants und Praxen, die Wochenschichten planen.

Demo anfordern

Online-Demo mit dem Produktteam.

  • Weniger TabellenSchichten in einem gemeinsamen Kalender.
  • Team informiertAlle sehen Änderungen.
  • Tausch mit FreigabeAnfragen gehen an die Leitung.
Demo anfordern

Die Überschrift ist ohne Zoom lesbar; die fixierte Leiste lässt unten Platz und verdeckt nichts.

Wechseln Sie auf dem Smartphone zwischen erstem Screen und Formular.

PROTOTYP UND VARIANTEN

Bewerten Sie das Erlebnis vor der Umsetzung.

Der Prototyp zeigt den Lesefluss, den Klick auf den CTA, das Öffnen des Formulars, den Fehler und die Bestätigung. Wenn im Angebot enthalten, gestalten wir auch Varianten für spätere Tests.

Varianten der Überschrift

Eine Hypothese für spätere Tests. Ohne echten Test wird keine Variante zum Gewinner erklärt.

Prototyp · sammelt keine Daten

Kalendra

Planen Sie die Schichten Ihres Teams an einem Ort.

Software für Restaurants und Praxen, die Wochenschichten planen.

  • Weniger Tabellen
  • Team informiert
  • Tausch mit Freigabe
  1. 1Angebot lesen
  2. 2Formular
  3. 3Bestätigung

Wir unterscheiden Designvariante, Hypothese und echten A/B-Test. Keine Variante wird ohne Daten als „Gewinner“ dargestellt.

MESSUNG NACH DER UMSETZUNG

Das Ziel muss vor der Messung feststehen.

Im Projekt kann ein Messplan entstehen, der den Klick von der abgeschlossenen Anfrage unterscheidet und die Anfrage vom gewonnenen Kunden.

  • CTA-Klick
  • Formularstart
  • Bestätigte Übermittlung
  • Abgeschlossene Buchung
  • Download
  • Gültige Anfrage

Diese Leistung liefert je nach Angebot Messnotizen oder einen Messplan. Analytics-Installation und Integrationen sind eigene technische Arbeit. Ohne echte Messung versprechen wir keine höhere Conversion.

Messplan · BeispielIllustratives Konzept
  1. Interessensignale

    CTA-Klick

    Besucher drücken den Hauptbutton.

    Erfasst in: Seitenereignis

  2. Formularstart

    Das erste Feld wird ausgefüllt.

    Erfasst in: Formularereignis

  3. Bestätigte Übermittlung

    Das System erfasst die Anfrage.

    Erfasst in: Server-Bestätigung

  4. Ergebnisse

    Gültige Anfrage

    Das Team stuft sie als passend ein.

    Erfasst in: CRM oder Anfrageliste

  5. Gewonnener Kunde

    Aus der Anfrage wird eine Vereinbarung.

    Erfasst in: Vertriebssystem

Namen, E-Mails und Formularinhalte werden nicht in Analytics-Ereignisse übertragen.

LIEFERUNGEN

Vom Briefing zum freigegebenen Design.

Wie vereinbart erhält das Umsetzungsteam alles, um die Seite wie gestaltet zu bauen.

  • Quelldatei
  • Freigegebene Screens
  • Komponenten
  • Interaktionszustände
  • Prototyp
  • Assets
  • Umsetzungsnotizen

Anzahl der Varianten und Feedbackrunden wird im Angebot festgelegt. Programmierung, Veröffentlichung, Werbung und technische Wartung sind nicht automatisch enthalten.

Übergabe · KalendraIllustratives Konzept

Quelldatei

  • 01 Struktur und Botschaft
  • 02 Wireframe
  • 03 Desktop-Screen
  • 04 Mobiler Screen
  • 05 Formular und Zustände
  • 06 Prototyp

Exportmaterialien

  • Produktbild
  • SVG-Icons
  • Schriften gemäß Lizenz

Umsetzungsnotizen

  • — Die Bestätigung erscheint erst nach der Serverantwort.
  • — Die Marketing-Einwilligung wird getrennt gespeichert.
  • — Messereignisse ohne personenbezogene Daten.

ABLAUF

Vom Briefingzum freigegebenen Design.

Anzahl der Varianten und Feedbackrunden wird im Angebot festgelegt.

01

Angebot und Zielgruppe

Wir verstehen, was Sie wem anbieten.

02

Ziel und Inhalte

Wir legen Hauptaktion und Unterlagen fest.

03

Wireframe

Wir ordnen Abschnitte und Reihenfolge.

04

UI-Design

Wir gestalten Optik, Komponenten und Formular.

05

Responsive und Prototyp

Wir passen die Screens an und verknüpfen die Interaktionen.

06

Prüfung

Wir verbessern in den vereinbarten Runden.

07

Übergabe

Wir bereiten Dateien und Hinweise auf.

Welches Angebot möchten Sie präsentieren?

Seite besprechen
Den Messplan erstellen wir, wenn er Teil des Angebots ist.

HÄUFIGE FRAGEN

Häufige Fragen.

Welches Angebot möchten Sie präsentieren?

Erzählen Sie uns von Zielgruppe, Ziel und vorhandenen Unterlagen. Wir legen Struktur und Design Ihrer Seite fest.


Z. B. was Sie anbieten, für wen, woher der Traffic kommt und welche Aktion Sie erwarten.

Was unsere Kunden sagen

5.0
A
Arben Hoxha, CEO

Logistikunternehmen (Beispiel)

“Sie übersetzen komplexe technische Konzepte in klare Entscheidungen für unser Team.”