PVC Patch — Amazon Produkt-Landingpage
Umsetzung einer Figma-basierten Landingpage mit hoher mobiler Performance
Rolle: Frontend-Umsetzung (Elementor) · Jahr: 2024 · Stack: WordPress / Astra Pro / Elementor / LiteSpeed
Landingpage zur Traffic-Generierung und gezielten Weiterleitung auf Amazon
Jahr: 2024
Projekttyp: Produkt-Landingpage (Amazon-Unterstützung)
Plattform: WordPress
Stack: Astra Pro / Elementor / LiteSpeed Cache
Ziel: Traffic-Aufbau und Weiterleitung zur Amazon-Produktseite
{/}
Über den Kunden
Der Kunde ist ein Amazon-Verkäufer aus New York (USA), der ein spezialisiertes Produkt zur Reparatur von PVC- und PU-Materialien vertreibt.
Es handelt sich um einen flüssigen Patch (ähnlich einem Klebstoff), der zur Reparatur von aufblasbaren Matratzen, Booten, Pools und vergleichbaren Produkten verwendet wird.
Das Produkt wird in Charkiw (Ukraine) hergestellt und erfolgreich auf Amazon verkauft, primär im US-Markt.
Die Landingpage diente als externes Marketinginstrument zur Generierung von Traffic außerhalb der Amazon-Plattform.
{?}
Aufgabe
Ziel war die Entwicklung einer Landingpage für Werbekampagnen mit folgenden Anforderungen:
- Darstellung des Produkts außerhalb des Marktplatzes;
- klare Kommunikation von Nutzen und Anwendungsfällen;
- Aufbau von Vertrauen durch Struktur und visuelle Gestaltung;
- gezielte Weiterleitung zur Produktseite auf Amazon.
Als Grundlage wurde ein vollständiges Figma-Design vom Kunden bereitgestellt.
{I}
Kontext
Landingpages für Amazon-Traffic unterliegen anderen Anforderungen als klassische Unternehmenswebsites.
Sie müssen innerhalb kürzester Zeit den Nutzen vermitteln, Reibung reduzieren und den Nutzer zu einer klar definierten Handlung führen — dem Besuch der Produktseite auf dem Marktplatz.
Daraus ergeben sich direkte Anforderungen an Struktur und Technik: Klarheit, Geschwindigkeit und vorhersehbares Verhalten auf verschiedenen Geräten und unter unterschiedlichen Traffic-Bedingungen.
{*}
Umsetzung
Die Landingpage wurde auf WordPress-Basis mit Astra Pro und Elementor umgesetzt.
Der Leistungsumfang umfasste:
- pixelgenaue Umsetzung des Figma-Designs;
- Anpassung an reales Browserverhalten;
- klare Seitenstruktur (Hero → Vorteile → Produkt → Anwendung → CTA);
- Integration von Video-Inhalten (YouTube);
- gezielte Vorbereitung und Optimierung aller Medien.
Nach der initialen Umsetzung wurden zusätzliche Anpassungen basierend auf Kundenfeedback durchgeführt:
- Feinjustierung visueller Schwerpunkte;
- Ergänzung marketingrelevanter Elemente;
- Optimierung einzelner Sektionen für bessere Verständlichkeit und Nutzerführung.
{+}
Performance-Optimierung
Trotz Einsatz von Elementor und eingebetteter Video-Inhalte erreichte die Landingpage hohe Performance-Werte — auch auf mobilen Geräten.
Dies wurde erreicht durch:
- saubere und kontrollierte Layout-Struktur ohne unnötige Verschachtelung;
- minimierten Einsatz externer Skripte;
- optimierte Bilddaten (Größe und Gewicht);
- LiteSpeed-Serverumgebung mit aktivem Caching.
Im Ergebnis wurden stabile „grüne“ Werte in Google PageSpeed Insights erzielt, einschließlich mobiler Performance.
{#}
Deployment und Lebenszyklus
Die Landingpage wurde im Sommer 2024 erstellt und mehrere Monate im Rahmen von Werbekampagnen eingesetzt.
Nach Abschluss der Kampagnen wurde die ursprüngliche Domain deaktiviert.
Die originale Version wurde erhalten und als Demo innerhalb meines Multisite-Systems neu bereitgestellt:
→ https://works.your-quick.site/pvc-patch-landing/
Alle externen Links, einschließlich der Amazon-Produktseite, sind weiterhin funktionsfähig.
Die Demo-Version ist auf „noindex“ gesetzt, um doppelte Inhalte in Suchmaschinen zu vermeiden.
{!}
Ergebnis
Der Kunde erhielt:
- eine kampagnenfähige Landingpage für Werbetraffic;
- eine präzise Umsetzung des bereitgestellten Designs;
- eine schnelle und stabile Seite mit konstant hohen Performance-Werten;
- eine skalierbare Lösung für den weiteren Einsatz im Marketing.
{*}
Hinweise
Dieses Projekt zeigt, dass technische Disziplin ebenso entscheidend ist wie visuelle Genauigkeit.
Auch bei Verwendung von Elementor lässt sich hohe Performance erreichen, wenn:
- die DOM-Struktur kontrolliert aufgebaut wird;
- unnötige Effekte und Skripte vermieden werden;
- Medien bewusst und optimiert eingesetzt werden.
Das Ergebnis hängt nicht vom Tool selbst ab — sondern davon, wie es verwendet wird.
Die ursprüngliche Landingpage ist als Live-Demo verfügbar:
{*}
<Kontakt>
…Wenn Sie ein Projekt besprechen, Anforderungen klären oder eine mögliche Zusammenarbeit erkunden möchten, finden Sie alle Kontaktdaten auf der Kontaktseite.