Startseite gestalten: Ein konkreter Entwurf für Unternehmen

Auf Ihrer Startseite treffen Menschen mit unterschiedlichem Vorwissen ein. Einige kennen nur Ihren Namen, andere suchen eine bestimmte Leistung oder haben eine Empfehlung erhalten. Der Einstieg muss ihnen zeigen, ob sie richtig sind. Anschließend braucht jede wichtige Frage einen verständlichen Platz.

Wie das aussehen kann, zeigt ein frei erfundener Raumausstattungsbetrieb. Er fertigt Gardinen und Sichtschutz nach Maß und übernimmt Polsterarbeiten. Das Beispiel enthält bewusst konkrete Textentwürfe. Es beschreibt keinen PEMKO-Kunden und darf nur mit den tatsächlich angebotenen Leistungen auf einen wirklichen Betrieb übertragen werden.

Mit einer klaren Aussage im ersten Bildschirm beginnen

Der ohne Scrollen sichtbare Bereich wird häufig „above the fold“ genannt. Seine Höhe verändert sich mit Gerät, Browser und Schriftgröße. Planen Sie deshalb keinen starren Abschnitt, in den Logo, große Bilder, alle Leistungen und mehrere Versprechen passen müssen. Die Kernaussage und ein sinnvoller nächster Schritt haben Vorrang.

Für unseren Beispielbetrieb könnte der Einstieg so lauten:

Gardinen, Sichtschutz und Polsterarbeiten nach Maß.

Wir beraten Sie bei der Stoffauswahl, nehmen Maß und stimmen die Ausführung mit Ihnen ab. Für Ihr Fenster oder Möbelstück entsteht eine Lösung, die zu Raum und Nutzung passt.

Hauptbutton: Beratung anfragen
Weiterführender Link: Arbeiten ansehen

Die Formulierungen benennen das Angebot und den Ablauf. Vor einer echten Veröffentlichung müsste der Betrieb bestätigen, dass Beratung, Aufmaß und Abstimmung in dieser Form dazugehören. Der Link „Arbeiten ansehen“ braucht außerdem ein erreichbares Ziel mit geeigneten Beispielen. Ein Button sollte nicht nur eine zusätzliche Farbe in den Entwurf bringen.

Das Einstiegsbild nach seiner Aussage auswählen

Ein Foto einer tatsächlich ausgeführten Fensterlösung würde das Beispiel gut ergänzen. Sichtbar sein sollten Material, Lichteinfall und die Einbindung in den Raum. Ein enger Ausschnitt kann auf dem Smartphone aussagekräftiger sein als die stark verkleinerte Aufnahme eines ganzen Wohnzimmers.

Ordnen Sie Überschrift und Bild so an, dass beide verständlich bleiben. Liegt Text auf einem Foto, muss er auch über hellen und unruhigen Bildbereichen lesbar sein. Die W3C-Hinweise zur Gestaltung behandeln unter anderem ausreichende Kontraste und erkennbare Bedienelemente. Für die eigene Bildauswahl finden Sie eine ausführlichere Vorbereitung im Beitrag Fotos für die Firmenwebsite planen.

Die nächsten Abschnitte beantworten jeweils eine Frage

Nach dem Einstieg braucht die Seite eine nachvollziehbare Reihenfolge. Eine mögliche Gliederung für den Raumausstatter steht in der folgenden Tabelle. Sie ist ein Ausgangspunkt für diesen Betrieb, keine Pflichtliste für jede Startseite.

Beginnen viele Anfragen erfahrungsgemäß mit einer Stoffauswahl, kann dieser Teil mehr Raum erhalten. Geht es hauptsächlich um die Aufarbeitung einzelner Möbel, sind geeignete Vorher-nachher-Beispiele möglicherweise wichtiger. Solche Entscheidungen sollten sich aus dem tatsächlichen Geschäft ergeben. Die Startseite muss nicht jeden Bereich gleich groß abbilden.

Kurze Leistungstexte mit erkennbarem Unterschied schreiben

Drei Karten mit „individuell, hochwertig, persönlich“ helfen wenig bei der Auswahl. Für das Beispiel lassen sich die Unterschiede direkt benennen:

• Gardinen nach Maß: Stoff, Aufhängung und Länge werden passend zum Fenster und zur gewünschten Lichtwirkung abgestimmt.
• Sichtschutz: Gemeinsam wird geklärt, wie viel Einblick, Tageslicht und Verdunkelung für den Raum gewünscht sind.
• Polsterarbeiten: Der Betrieb beurteilt das vorhandene Möbel und bespricht Bezug sowie den nötigen Arbeitsumfang.

Auf der jeweiligen Unterseite folgen Details, Voraussetzungen und weitere Bilder. So kann die Startseite knapp bleiben, ohne wichtige Fragen zu übergehen. Wenn Sie Texte beauftragen möchten, erklärt Website-Texte schreiben lassen, wie Informationen und fachliche Freigaben organisiert werden können.

Arbeitsbeispiele mit einer kurzen Erklärung versehen

Ein mögliches fiktives Beispiel wäre: „Sichtschutz für ein straßenseitiges Arbeitszimmer. Gewünscht waren weniger Einblicke bei weiterhin nutzbarem Tageslicht. Gezeigt werden die abgestimmte Ausführung und die Befestigung am Fenster.“ Auf einer echten Website muss diese Beschreibung aus dem tatsächlichen Auftrag entstehen.

Ein Bild allein lässt offen, was Ihr Betrieb daran geleistet hat. Eine knappe Bildunterschrift kann diese Lücke schließen. Wenn nur das Aufmaß und die Montage übernommen wurden, sollte genau das erkennbar sein. Große Erfolgszahlen oder begeisterte Kundenstimmen sind für einen glaubwürdigen Einstieg nicht erforderlich.

Den Kontakt am Ende der Seite konkret machen

Für das Beispiel könnte die Einladung lauten: „Sie möchten ein Fenster neu gestalten oder ein Möbel beziehen lassen? Beschreiben Sie kurz Ihr Vorhaben. Hilfreich sind die ungefähren Maße und ein Hinweis darauf, ob Sie bereits Stoffe ausgewählt haben.“ Ein einzelner Button „Beratung anfragen“ führt zum vorgesehenen Kontaktweg.

Auf dem Smartphone sollte der Text vor dem Button gut lesbar bleiben. Zwei nahezu gleiche Formulare innerhalb derselben Startseite schaffen dagegen keinen zusätzlichen Informationswert. Ein zusammenhängender Anfragebereich und passende Verweise dorthin halten den Weg übersichtlich.

Wenn Sie Ihre Startseite neu gestalten lassen möchten, können Sie PEMKO die vorhandene Webadresse und Ihre wichtigste Leistung nennen. Ergänzen Sie in der Projektanfrage, welche Fragen Besucher bisher nicht gut beantwortet finden. Daraus lässt sich ein konkreter Entwurf mit abgestimmten Texten, Bildern und Kontaktwegen entwickeln.