Das Angebot und seine Geschichte
Gemeinsam erarbeiten wir, was Sie anbieten, für wen die Seite gedacht ist und was Besucher wissen müssen. Daraus ergeben sich die Reihenfolge der Inhalte und der Zweck jedes Abschnitts.
LeistungenLandingpage
Landingpage
Eine einzelne Seite, die auf ein Angebot und eine Handlung ausgerichtet ist. Die drei Optionen unterscheiden sich in der Art der Umsetzung – von bewährten Standardblöcken bis hin zu detaillierter individueller Arbeit an Zuständen und Interaktionen.
Ein Angebot.
Ein klarer Weg zur Handlung.
Wir planen, gestalten und entwickeln Ihre Landingpage mit React und richten Inhalte und visuelle Gestaltung auf ein Angebot und einen klaren nächsten Schritt für Ihre Besucher aus.
Geben Sie Ihrem Angebot
eine eigene Seite.
Ein Service, ein Produkt oder eine Kampagne braucht eine klare Einführung, hilfreiche Details und einen nächsten Schritt. Wir führen diese Elemente zusammen, damit Besucher das Angebot verstehen und entscheiden können, wie sie vorgehen möchten.
Die Seite verfolgt einen zentralen Zweck. Ihre Abschnitte erklären das Angebot, beantworten relevante Fragen und führen zur vereinbarten Handlung.
Wenn Sie Informationen zu mehreren Services, separate Informationsseiten und verknüpfte Besucherabläufe benötigen, sehen Sie sich die Website-Erstellung an.
Das gehört zu
Ihrer Landingpage.
Wir verbinden Botschaft, visuelle Ausrichtung und funktionsfähige Seite so, dass sie die von Ihnen gewünschte Aufgabe erfüllt.
Ein stimmiges visuelles Konzept
Wir führen Bildmaterial, Typografie, Farben und Inhalte zusammen. Lite passt bewährte Blöcke an; SKARR und SKARR.PRO setzen individuell gestaltete Kompositionen ein.
Eine funktionsfähige React-Seite
Wir entwickeln die Seite für Desktop und Mobilgeräte und passen Layout und Verhalten an verschiedene Bildschirmgrößen an. Alle drei Leistungsstufen umfassen die React-Entwicklung.
Eine klare nächste Handlung
Wir setzen die vereinbarten Schaltflächen, Formulare und Interaktionen um. Buchungen, Zahlungen und andere externe Anbindungen werden im Projektumfang individuell festgelegt.
Prüfung und Vorbereitung des Starts
Wir prüfen die Seite auf verschiedenen Bildschirmgrößen, gehen den vereinbarten Besucherablauf durch und führen die enthaltenen Überarbeitungen durch. Die Startmodalitäten legen wir gemeinsam mit Ihnen fest.
Verfolgen Sie den Weg
vom Interesse zur Handlung.
Die Hauptseite von EPILMOOD zeigt, wie Angebot, ergänzende Informationen und der Weg zur Buchung zusammenspielen. Diese Seite ist Teil einer größeren Website.
EPILMOOD.
Eine Seite mit klarer Abfolge.
Der Einstieg erklärt die Leistung und führt zur Buchung. Weiter unten helfen Informationen zu den Behandlungen und ein schrittweiser Ablauf den Besuchern zu verstehen, was als Nächstes kommt.
Wir haben an Struktur, Design und Umsetzung mit React gearbeitet. Diese Seite ist Teil einer größeren Website und zeigt, wie eine einzelne Seite Besucher vom Angebot zum nächsten Schritt führen kann.
Seite ansehenEine funktionierende Seite.
Ein klar definierter nächster Schritt.
Sie erhalten eine mit React entwickelte Landingpage mit den vereinbarten Inhalten, responsiven Layouts und funktionierenden Aktionen.
Die gewählte Stufe bestimmt, welche Designmaterialien zusätzlich bereitgestellt werden. Launch-Zugang, Infrastruktur und laufende Arbeiten werden für das Projekt vereinbart.
Ihre
Website
Website
- React
- Responsiv
- Optimierung
- Interaktionen
- SEO-Grundlagen
- Design
Von Ihrem Angebot
bis zur fertigen Seite.
Sie vermitteln uns den geschäftlichen Kontext und treffen die wichtigsten Entscheidungen. Gemeinsam konzipieren, gestalten und entwickeln wir die Seite.
01
Das Angebot verstehen
Wir besprechen Zielgruppe, verfügbare Materialien und gewünschte Aktion und vereinbaren anschließend Inhalte, Umfang und Grad der individuellen Ausarbeitung.
02
Die Seite konzipieren
Wir legen die Abfolge der Inhalte und die visuelle Ausrichtung fest. Sie prüfen, wie die Seite Ihr Angebot präsentiert, bevor wir das vereinbarte Design entwickeln.
03
Mit React entwickeln
Wir setzen die Seite als funktionierende responsive Benutzeroberfläche um – einschließlich der vereinbarten Navigation, Formulare, Interaktionen und Verknüpfungen.
04
Prüfen und den Launch vorbereiten
Wir prüfen gemeinsam den Weg der Besucher, führen die enthaltenen Überarbeitungen durch und bereiten die fertige Seite für den vereinbarten Launch vor.
Eine fertige Seite.
Drei Bearbeitungstiefen.
Jede Option umfasst eine funktionierende React-Seite. Vergleichen Sie Vorgehensweise, Umfang und Bearbeitungstiefe.
| Merkmal |
Lite
Vorlagenbasiertes Design. Eine solide Basis für Ihre Inhalte.
$899
einmalig
Lite kaufen
Sicherer Checkout über Stripe |
SKARR
Individuell gestaltete Seiten. Ihre eigene visuelle Sprache.
$1,499
einmalig
SKARR kaufen
Sicherer Checkout über Stripe |
SKARR.PRO
Mehr Tiefe und Details im gesamten Nutzererlebnis, an jedem Kontaktpunkt.
$1,899
einmalig
SKARR.PRO kaufen
Sicherer Checkout über Stripe |
|---|---|---|---|
| Vorgehensweise | |||
| So gestalten wir | So gestalten wir Bewährte Elemente, angepasst an Ihre Inhalte, Farben und die gewählte visuelle Ausrichtung. | So gestalten wir Individueller Stil und Bereiche, die auf Ihr Angebot zugeschnitten sind. | So gestalten wir Individuelles Design mit vertiefter Arbeit an den Inhalten, der Komposition und den Details, die Ihr Projekt erfordert. |
| Struktur und Inhalte | Struktur und Inhalte Eine klare Seitenstruktur mit standardisierten Elementkompositionen. | Struktur und Inhalte Inhalte und Reihenfolge der Bereiche, abgestimmt auf Ihre Aufgabe. | Struktur und Inhalte Vertiefte Arbeit an der Geschichte, den Besucherwegen und den zentralen Bereichen im vereinbarten Umfang. |
| Visuelle Ausrichtung | Visuelle Ausrichtung Wir zeigen mögliche Ausrichtungen und entwickeln die gewählte anschließend weiter und passen sie an. | Visuelle Ausrichtung 3 visuelle Varianten zur Auswahl. Was jede Variante umfasst, wird vor Arbeitsbeginn vereinbart. | Visuelle Ausrichtung 3 visuelle Varianten, die vertieft ausgearbeitet werden. Was jede Variante umfasst, wird vor Arbeitsbeginn vereinbart. |
| Die fertige Seite | |||
| Bereiche | Bereiche 7 Bereiche. | Bereiche 12 Bereiche. | Bereiche Unbegrenzte Bereiche im vereinbarten Konzept. |
| Entwicklung und Funktionalität | Entwicklung und Funktionalität Responsive React-Entwicklung, Standardverhalten der Elemente, grundlegende SEO und Analytics. | Entwicklung und Funktionalität Responsive React-Entwicklung und die für Ihre Seite erforderlichen Interaktionen. | Entwicklung und Funktionalität Responsive React-Entwicklung mit detaillierteren individuellen Interaktionen und Zuständen, wo erforderlich. |
| Integrationen | Integrationen Standardaktionen der ausgewählten Elemente. Erforderliche Integrationen werden vor Arbeitsbeginn geprüft. | Integrationen Vereinbarte Integrationen ohne komplexe Systeme. | Integrationen Integrationen und komplexe Szenarien, sofern sie im vereinbarten Umfang enthalten sind. |
| Ergebnis und Überarbeitungen | |||
| Was Sie erhalten | Was Sie erhalten Eine funktionierende Website. Eine separate Figma-Datei, Quelldateien oder ein Designsystem werden nicht übergeben. | Was Sie erhalten Eine funktionierende Website und eine Figma-Datei mit Ihrem individuellen visuellen Stil. | Was Sie erhalten Eine funktionierende Website und ein weiterentwickeltes Designsystem, sofern die Aufgabe dies erfordert. |
| Überarbeitungsrunden | Überarbeitungsrunden 1 | Überarbeitungsrunden 2 | Überarbeitungsrunden 4 |
Vor
dem Start.
Welche Materialien sollte ich bereitstellen?
Teilen Sie Ihr Angebot, Ihre Zielgruppe, Markenmaterialien sowie verfügbare Texte oder Bilder mit uns. Wir erkennen Lücken und vereinbaren, ob Texte erstellt oder bearbeitet und Bilder angefertigt werden müssen.
Ist React bei Lite enthalten?
Ja. Alle drei Stufen umfassen eine funktionierende React-Seite. Bei Lite werden standardisierte Elemente angepasst; SKARR und SKARR.PRO ermöglichen eine individuellere Komposition und mehr Detailtiefe.
Erhalte ich Figma- und Quelldateien?
Lite umfasst die funktionierende Website, jedoch keine separate Figma-Datei, Projektquelldateien oder ein Designsystem. SKARR umfasst Figma; PRO umfasst bei Bedarf ein umfassenderes System. Die genaue Übergabe wird vereinbart.
Kann die Seite mit Buchung oder Zahlungen verbunden werden?
Wir können besprechen, welche Verbindung Ihre Seite benötigt. SKARR umfasst vereinbarte Integrationen ohne komplexe Systeme; für komplexere Verbindungen muss ein klar definierter PRO-Umfang vereinbart werden.
Wie werden Hosting und spätere Änderungen gehandhabt?
Domain, Hostingverantwortung, Zugänge und Launch-Vereinbarungen legen wir vor der Veröffentlichung fest. Laufende Unterstützung und spätere Änderungen haben jeweils einen eigenen vereinbarten Umfang.
Haben Sie noch Fragen?
Landingpage besprechen