Eine Homepage gestalten, die konvertiert

Die meisten Wiederverkäufer-Homepages versuchen, ein Katalog zu sein. Sind sie aber nicht. Eine Homepage ist ein Wegweiser — ein Schild, das jeden Besuchertyp innerhalb weniger Sekunden in die richtige Ecke des Shops schickt. Dieser Artikel gibt dir eine Sektion-für-Sektion-Blaupause für eine Pflanzen-Webshop-Homepage, die konvertiert, plus die saisonale Logik, die sie ganzjährig frisch hält.

Was die Homepage tatsächlich tut

Drei Besuchertypen landen auf deiner Homepage: jemand, der nach deiner Marke gesucht hat und sich vergewissern will, dass er richtig ist, jemand, der auf eine Anzeige geklickt hat und in eine Kategorie gelenkt werden muss, und ein wiederkehrender Besucher, der scannt, was neu ist. Keiner von ihnen will eine Wand aus Text lesen oder durch 40 Produkte blättern. Sie wollen eine schnelle Antwort auf "ist dieser Shop was für mich, und wo klicke ich als Nächstes?"

Das ist der ganze Job. Beruhigen (das ist ein echter Pflanzenshop, hier ist der Beweis). Lenken (hier sind die offensichtlichen Pfade). Auffrischen (hier ist, was diese Woche oder Saison neu ist). Alles andere gehört auf eine tiefere Seite.

Die Sieben-Sektionen-Blaupause

Eine Homepage, die konvertiert, nutzt nicht mehr als sieben Sektionen, in dieser Reihenfolge. Mobil nutzt dieselben Sektionen in derselben Reihenfolge — gestapelt, nicht geschrumpft.

1. Hero — eine Botschaft, ein CTA

Der Hero ist der meistgesehene Pixelblock deines Shops. Behandle ihn auch so. Ein Bild (oder kurzer Video-Loop), eine Headline, ein CTA-Button. Keine drei rotierenden Slides — Slide zwei und drei werden etwa 1% so oft angeklickt wie Slide eins, und die Rotation schadet der Conversion auf Mobil aktiv.

Die Hero-Botschaft sollte zum Moment passen, nicht zum Markenstatement. Im Mai: "Geranien und Balkonpflanzen — Mittwoch geliefert." Im November: "Weihnachtsbäume, heute bestellt, Freitag da." Ein statischer "Willkommen bei GreenShop"-Hero ist Tapete.

2. USP-Leiste — drei bis vier Versprechen

Ein dünner Streifen direkt unter dem Hero mit den drei oder vier Gründen, warum Leute bei dir kaufen statt beim nächsten Shop. Bei einem Pflanzen-Wiederverkäufer sind das meist: Lieferversprechen (z.B. "Vor 14:00 bestellt = morgen zu Hause"), Schwelle für versandkostenfreie Lieferung, Rückgabe/Garantie, und ein Unterscheidungsmerkmal (nachhaltig gesourct, Familienbetrieb, Pflanzenpflege-Hilfe inklusive). Icons + eine Zeile Text pro Versprechen. Keine Absätze.

3. Drei bis sechs Kategoriekacheln

Das ist die Sektion, die die eigentliche Routing-Arbeit macht. Drei bis sechs Kacheln, jede führt zu einer Hauptsammlung: Zimmerpflanzen, Gartenpflanzen, Geschenkpflanzen, Sale, Bundles, Saisonal. Kacheln brauchen ihre eigene Fotografie — das Studio-Bild des Lieferanten liest sich in Thumbnail-Größe nicht als Kategorie.

Warum drei bis sechs und nicht "Shop all"? Ein einziger "Shop all"-Button auf der Homepage konvertiert etwa ein Drittel so gut wie vier gut gewählte Kacheln. Besucher blättern nicht durch 600 SKUs von einem Button aus — sie wählen einen Pfad und fangen dort an. Gib ihnen Pfade.

4. Bestseller (oder Neuzugänge)

Eine horizontale Reihe von sechs bis acht Produkten, handverlesen oder automatisch aus Verkaufsdaten gefüllt. Bestseller machen Doppelarbeit: sie signalisieren, was gut ist (Social Proof per Auswahl), und geben Besuchern einen sofortigen "den will ich"-Moment, ohne eine Kategorie zu öffnen. Rotiere diese Reihe mindestens einmal im Monat, damit wiederkehrende Besucher etwas Neues sehen.

5. Social Proof

Aggregierte Bewertungs-Score (Klantenvertellen / Trustpilot / Google), ein oder zwei aktuelle Kundenfotos, oder ein Streifen mit Presse-Logos, falls du welche hast. Eine Sektion, nicht drei. Zahlen konvertieren ("4,8 / 5 aus 2.143 Bewertungen") besser als vage Badges.

6. Inspiration / Blog-Teaser

Zwei oder drei Blog- oder Guide-Karten: "Beste Pflanzen für dunkle Räume", "Wie du deine Balkonpflanzen überwinterst", "Haustierfreundliche Zimmerpflanzen-Guide". Diese Sektion verdient ihren Platz durch SEO (interne Links zu Long-Form-Content) und gibt dem "nur am Stöbern"-Besucher einen weichen Pfad. Lass sie weg, wenn du noch keinen Blog hast — leere Inspirations-Sektionen sehen schlechter aus als keine Sektion.

7. Newsletter-CTA

Eine Zeile, ein Eingabefeld, ein Button. "Hol dir 10% Willkommensrabatt + monatliche Pflanzenpflege-Tipps." Platziere ihn unten; es ist die niedrigschwelligste Bitte, nachdem ein Besucher die ganze Seite gescrollt hat. Schiebe ihn nicht nach drei Sekunden als Modal hoch — das ist Lärm auf Mobil und ruiniert deine Bounce Rate.

Der saisonale Hero ist der wichtigste Pixel deiner Homepage

Pflanzennachfrage ist nicht flach. Sie erreicht zweimal im Jahr Spitzen (Muttertag und Dezember) und rollt durch sechs unterschiedliche Rotationsfenster. Dein Homepage-Hero muss das aktuelle Fenster widerspiegeln — nicht das Marken-Launch-Bild, das du vor einem Jahr hochgeladen hast.

Konkret: rotiere Hero-Bild, Headline und primären CTA vier bis sechs Mal pro Jahr, mit einer Phasierung etwa vier Wochen vor jeder Spitze. Ende März sollte dein Hero schon Gartenpflanzen sein, keine Weihnachtssterne-im-Sale. Mitte November Weihnachtsbäume mit einem Lieferversprechen, kein "Frühjahrszwiebeln jetzt verfügbar". Eine Homepage, die im Februar noch den Hero der letzten Saison zeigt, ist das deutlichste "dieser Shop wird nicht gepflegt"-Signal, das ein Kunde bekommen kann.

Die Reihe der Kategoriekacheln unter dem Hero rotiert mit. Im Mai tauschst du eine Zimmerpflanzen-Kachel gegen eine Balkonpflanzen-Kachel. Im Dezember setzt du eine Weihnachts-Kachel ein. Die Struktur bleibt gleich; der Inhalt folgt der Saison. Für den vollständigen Rotationskalender und die Vier-bis-sechs-Wochen-Vorlaufzeit siehe Saisonalität: dein Pflanzensortiment ganzjährig rotieren.

Mobil ist kein kleinerer Desktop

Etwa 70% des Pflanzenshop-Traffics landet auf Mobil. Die obige Blaupause ist dafür gebaut: dieselben sieben Sektionen, dieselbe Reihenfolge, vertikal gestapelt. Was sich ändert:

• Hero-Höhe. Lass den Besucher nicht an einem Hero in voller Viewport-Höhe vorbeiscrollen, bevor er etwas anderes sieht. Begrenze den mobilen Hero auf ~70% Viewport-Höhe, damit die USP-Leiste über den Falz lugt und "weiterscrollen" signalisiert.

• Kategoriekacheln in einem 2-Spalten-Grid, kein horizontaler Scroller. Horizontale Scroller auf Mobil verstecken Inhalt — Besucher scrollen nicht seitwärts, wenn sie nicht dazu aufgefordert werden. Ein 2-Spalten-Stack mit vier bis sechs Kacheln schlägt einen swipebaren Karussell.

• Bestseller als horizontaler Scroll ist hier okay — Besucher erwarten, dass Produktreihen seitwärts scrollen, und du sparst vertikalen Platz.

• Newsletter-Anmeldung unten, niemals als Modal. Mobile Modals, die in unter einer Sekunde weggeklickt werden, schaden SEO (Google bestraft aufdringliche Interstitials) und konvertieren ohnehin schlecht.

Was nicht auf die Homepage gehört

• Vollständiges Produkt-Grid. Das ist der Job der Collection Page — siehe Wie man die ideale Collection Page gestaltet.

• Das gesamte Menü als Kacheln wiederholt. Wenn du 14 Kategorien hast, brauchst du ein Mega-Menü, nicht 14 Homepage-Kacheln.

• Lange Markengeschichte. Die gehört auf die Über uns-Seite — und das ist eine deiner meistbesuchten Seiten, also bau sie ordentlich.

• Detaillierter Richtlinientext. Footer-Link zu den Richtlinienseiten; eine Zeile in der USP-Leiste reicht über dem Falz.

• Auto-abspielendes Video mit Ton. Stumme Hero-Loops sind okay; Auto-Ton ist ein Bounce-Trigger.

Nächster Schritt

Öffne deine Homepage auf deinem Telefon. Stoppe, wie lange du brauchst, um (a) zu erkennen, was für ein Shop das ist, (b) die drei offensichtlichen Klick-Stellen, und (c) einen Grund, diesem Shop zu vertrauen. Wenn eines der drei länger als fünf Sekunden dauert, hast du eine Sektion zum Neubauen. Fang mit dem Hero an — das ist der billigste Fix mit der höchsten Wirkung.