#38 Warum deine Website kein Prospekt sein sollte

Stell dir vor, du hast einen Hofladen am Rand eines Dorfes. Ein Bekannter fragt: "Wo kaufst du eigentlich dein Gemüse?" Du antwortest: "Bei Müller, 5 km Richtung Westen."

Das genügt.

Aber deine Website ist kein Bekannter. Deine Website ist ein Fremder, der die Adresse gar nicht weiß. Und dieser Fremde hat 3 Sekunden Zeit, dir zu vertrauen – oder zu gehen.

Das ist das Geheimnis, das du verstehen musst: 75% der Besucher*innen urteilen über deine Glaubwürdigkeit allein nach dem Design. Und 88% kehren nicht zurück, wenn sie eine schlechte Erfahrung hatten.

Das heißt: Deine Website ist nicht einfach eine "Zusatzinformation" neben deinem Hofladen. Deine Website ist dein erster Eindruck. Und der erste Eindruck entscheidet über Kundenbesuche oder nicht.

Bildquelle: Unsplash.com

Die Realität der mobilen Welt

Hier ist noch ein Schock-Fakt: Über 60% deiner Website-Besucher*innen kommen vom Smartphone.

Bildquelle: Unsplash.com

Das heißt: Wenn deine Website auf dem Handy aussieht wie ein PDF-Prospekt von 1997 – mit winzigen Schriften, mit Menüs, die man nicht findet, mit Button, auf die man nicht klicken kann – dann hast du 60% deiner Chance auf Kundenbesuche selbst zerstört.

Das ist nicht Pech. Das ist deine Schuld.

Aber gut: Lass mich dir sagen, was du KONKRET tun musst.

Die 5 Non-Negotiables für jede Hofladen-Website

1. Öffnungszeiten und Adresse – SOFORT sichtbar

Das ist kein Feature. Das ist überlebenswichtig.

Deine Besucher*in kommt auf deine Website und denkt: "Okay, interessant. Aber wann ist der Laden offen?" Die erste Instinkt ist, das zu suchen. Wenn sie 15 Sekunden suchen müssen (weil die Öffnungszeiten im Footer versteckt sind oder gar nicht auf der Startseite), dann gehen sie woanders hin.

Die Regel: Öffnungszeiten müssen in den Top 3 visuellen Bereichen der Startseite sichtbar sein. Entweder im Hero-Bereich, in der Navigation oder in einer prominenten Box unter dem Hero.

Die Adresse noch wichtiger: Sie sollte mit Google Maps integriert sein (siehe Punkt 3).

2. Fotos von echten Produkten – nicht Stock

Bildquelle: Unsplash.com

Das ist der Unterschied zwischen "Ich bin glaubwürdig" und "Ich sehe aus wie jede andere billige Website."

Nicht: Generische Fotos von Gemüse (die alle anderen auch haben).

Sondern: Dein Gemüse. Deine Produkte. Mit deinem Namen, deiner Handschrift, deinen Händen bei der Arbeit.

Das klingt nach viel Arbeit. Es ist nicht viel Arbeit. Es ist eine Smartphone-Kamera + 30 Minuten Zeit.

Und es ist tausendmal effektiver als irgendwelche Stock-Photos von "happy farmer with vegetable" (die du übrigens auf 100 anderen Websites siehst).

3. Google Maps integriert

Das ist der Hidden Gem, das viele übersehen:

Eine eingebettete Google Maps Karte mit deinem Hofladen ist nicht nur praktisch – sie ist auch für Google-Suchergebnisse SUPER wichtig. Google bevorzugt Websites, die Google Maps nutzen (Stichwort: Local SEO).

Das heißt: Wenn jemand "Hofladen in meiner Nähe" googelt, dann hat eine Website MIT Google Maps integriert eine bessere Chance, zu erscheinen als eine Website ohne.

4. Mobile-freundlich – vorallem bei Buttons

Der häufigste Fehler: "Komm vorbei!" Buttons, die auf dem Handy so klein sind, dass man sie nicht klicken kann.

Der richtige Weg:

• Button-Größe: Mindestens 44x44 Pixel (das ist die Größe eines Fingernagels)
• Spacing: Genug Platz um die Buttons herum, damit man nicht versehentlich den falschen trifft
• Kontrast: Button-Farbe muss sich stark vom Hintergrund unterscheiden

Das klingt technisch. Ist es nicht. Das ist UX (User Experience) – und UX ist nicht optional.

Video: Website Design Fehler und wie man sie behebt – Quelle: YouTube

5. Ein klarer CTA – Singular, nicht Plural

CTA = Call to Action. Das ist der Button oder Link, auf dem du möchtest, dass deine Besucher*in klickt.

Der Fehler: Zu viele CTAs. Z.B.:

[Komm vorbei!] [Jetzt bestellen!] [Newsletter abonnieren!] [Folg uns auf Instagram!] [Ruf uns an!]

Dein Gehirn wird überfordert. Wenn es 5 Buttons gibt, klickst du auf keinen (oder den falschen).

Die Regel: Ein primärer CTA pro Seite. Alles andere ist Secondary.

Z.B.:

Primär: "Komm diesen Samstag vorbei!"
Sekundär: Öffnungszeiten, Adresse, Instagram-Link

Was du SOFORT löschen solltest

Bildquelle: Unsplash.com

Auto-Play Music/Videos. Das ist wie ins Restaurant zu gehen und der Wirt dreht dir ohne Frage die Musik maximal laut auf. Menschen HASSEN das.

PDF-Prospekte zum Download. Niemand lädt PDFs herunter. Noch nie. Nicht 1997, nicht heute. Speicher diese Infos direkt auf deiner Website.

Winzige Schrift. 12-Punkt-Schrift war gut für Print-Prospekte. Für Websites ist die Minimumgröße 16px. Punkt.

Komplizierte Navigation. Wenn jemand 4 Klicks braucht, um "Kontakt" zu finden, dann ist deine Navigation falsch. Maximum 3 Ebenen.

Zu viele Farben. Mehr als 3 Primärfarben wirkt unprofessionell. Stick to your CI (Corporate Identity) – die hast du hoffentlich!).

Die Geheimwaffe: Cognitive Fluency

Es gibt einen psychologischen Term: Cognitive Fluency – die Leichtigkeit, mit der dein Gehirn eine Information verarbeitet.

Simple Regel: Je einfacher deine Website zu verstehen ist, desto glaubwürdiger wirkt sie.

Das ist nicht Oberflächlichkeit. Das ist Neurowissenschaft. Unser Gehirn verbindet "einfach zu verstehen" mit "vertrauenswürdig" und "leicht zu verstehen" mit "professionell".

Das heißt konkret:

• Kurze Sätze statt Absätze
• Große Überschriften statt Wall of Text
• Whitespace (leere Fläche) statt vollgepackte Seite
• Logisches Menü statt versteckte Inhalte

Das ist nicht "einfach" im Sinne von "unprofessionell". Das ist "einfach" im Sinne von "respektvoll deiner Zeit".