Kontext: Der erste Bildschirm als Entscheidungsraum

Wer auf dem Smartphone nach einem Elektriker sucht, sieht auf der Startseite zuerst drei Dinge: Leistung, Ort und Kontaktmöglichkeit. Fehlt eine dieser Informationen oberhalb der Falz, steigt die Absprungrate. In einem Twindor-Projekt für einen Kasseler Elektrobetrieb stand deshalb nicht das Logo, sondern die Kombination aus Überschrift, Leistungsversprechen und Telefon-Button im Mittelpunkt. Die Headline wurde auf 36 Pixel gesetzt, der Fließtext auf 17 Pixel bei einem Zeilenabstand von 1,55. Das klingt nach Detailarbeit, verändert aber die Leserichtung: Der Blick landet zuerst auf dem Angebot, dann auf dem Ort, schließlich auf dem Kontakt.

Entwicklung: Drei typografische Stellschrauben

Für lokale Dienstleister ist twindor besonders dann sinnvoll, wenn die Startseite wie ein Schild funktioniert: kurz, lesbar, eindeutig. Drei Stellschrauben entscheiden dabei über die Wirkung.

• Hierarchie: Eine H1 mit 32 bis 40 Pixeln, Zwischenüberschriften mit 24 Pixeln und Fließtext mit 16 bis 18 Pixeln schaffen eine klare Rangfolge. Nutzer erfassen die Seite in weniger als zehn Sekunden.
• Zeilenlänge: 50 bis 75 Zeichen pro Zeile gelten als gut lesbar. Auf Desktop-Breiten verhindert eine maximale Textbreite von rund 700 Pixeln, dass der Blick zu weit wandert.
• Kontrast: Ein Kontrastverhältnis von mindestens 4,5:1 erfüllt die WCAG-Stufe AA für normalen Text. Graue Schrift auf weißem Grund fällt bei diesem Wert häufig durch.

Ergebnis: Weniger Suche, mehr Kontakt

Im beschriebenen Twindor-Projekt wanderte der Telefon-Button in den sichtbaren Bereich der Startseite und erhielt eine Touch-Fläche von 48 × 48 Pixeln. Die Folge war keine grundlegende Neuerfindung, sondern eine kürzere Entscheidungskette: Leistung erkennen, Ort prüfen, anrufen. Besucher mussten nicht mehr durch drei Unterseiten navigieren, um die Nummer zu finden. Gleichzeitig blieb die Seite schlank, weil die Typografie ohne zusätzliche Bilder oder Effekte auskam.

Checkliste für Twindor-Projekte

1. Leistung, Ort und Kontakt gehören in den ersten sichtbaren Bereich.
2. Fließtext auf 16 bis 18 Pixel setzen und den Zeilenabstand auf 1,5 bis 1,6 erhöhen.
3. Kontrast vor dem Livegang mit einem Prüfwerkzeug gegen 4,5:1 testen.
4. Telefonnummer und Kontakt-Button als echte Links mit mindestens 44 × 44 Pixeln Touch-Fläche umsetzen.

Twindor wirkt in diesem Szenario nicht als dekorative Hülle, sondern als Lesebrücke zwischen Angebot und Anfrage. Wer die drei Stellschrauben Typografie, Kontrast und Kontaktweg konsequent prüft, reduziert die wichtigste Hürde lokaler Dienstleister: die Suche nach dem nächsten Schritt.