Design-Beispiele für Handwerker-Websites zum Durchklicken

Die Farbwelt kommt bei uns aus dem Werkstoff, mit dem Sie arbeiten, nicht aus einer Farbkarte für Dienstleister. Ein Elektrobetrieb bekommt Kupfer und warmes Grau, ein Sanitärbetrieb Petrol und Kühlgrau, eine Dachdeckerei Ziegelrot auf Zinkgrau, eine Tischlerei Eiche auf Creme. Das ist keine Spielerei: Wer eine Handwerker-Website öffnet, entscheidet in etwa zwei Sekunden, ob er beim richtigen Gewerk gelandet ist, und Farbe trägt diese Entscheidung schneller als jede Überschrift. Dazu kommt eine harte Regel, die wir in jedem Entwurf durchhalten: Die Akzentfarbe markiert ausschließlich, was anklickbar ist. Kein farbiger Kasten ohne Funktion, keine Überschrift in Signalfarbe, keine Verläufe über halbe Seiten. Dadurch weiß der Besucher nach dem ersten Abschnitt, wo er tippen muss, ohne dass es ihm jemand erklärt. Wenn Ihr Betrieb bereits Firmenfarben hat — auf dem Fahrzeug, auf der Arbeitskleidung, auf dem Bauschild — übernehmen wir die und prüfen nur nach, ob sie als Textfarbe genug Kontrast bringt. Tut sie das nicht, bleibt sie Flächenfarbe und der Text bekommt eine dunklere Abstufung derselben Farbe.

In jedem der vier Entwürfe arbeiten genau zwei Schriften: eine für Überschriften, eine für den Fließtext. Die Leseschrift ist überall dieselbe ruhige serifenlose Schrift, weil sie in kleinen Größen und auf schwachen Telefonen zuverlässig lesbar bleibt. Die Auszeichnungsschrift wechselt mit dem Gewerk. Der Elektrobetrieb bekommt eine geometrische, technisch wirkende Schrift, die Dachdeckerei eine Serifenschrift, die dem Ziegelrot die Härte nimmt, die Tischlerei eine weiche Serifenschrift, die zu Holzoberflächen passt, der Sanitärbetrieb eine breite, sehr gut lesbare Versalienschrift. Alle Schriften liegen auf unserem Server in Deutschland und werden mit der Seite ausgeliefert. Dadurch lädt beim Aufruf nichts von einem fremden Anbieter nach, es entsteht kein Datenabfluss über die Schriftauslieferung, und der Text steht sofort, statt nach einer Zehntelsekunde umzuspringen. Größen und Zeilenabstände sind so gesetzt, dass die Seite ohne Hineinzoomen lesbar bleibt: Fließtext startet bei 17 Pixeln, Zeilen laufen selten über 75 Zeichen, und Überschriften wachsen mit der Bildschirmbreite.