Die Ausgangslage
AD Rohr- & Kanalservice reinigt Abflüsse, Fallstränge und Hauskanäle in allen 23 Wiener Bezirken und im Umland, untersucht Leitungen mit der Kamera und saniert sie ohne Aufgraben. Der Notdienst ist rund um die Uhr erreichbar, auch am Wochenende und an Feiertagen.
Die alte Website lief auf einem Baukasten und war bei Google praktisch unsichtbar: Die Domain stand für keinen einzigen Suchbegriff in den Ergebnissen. In einer Branche, in der Kunden im Notfall suchen und meist den ersten Treffer anrufen, ist das der teuerste Zustand überhaupt.
Die Marke: drei Zusagen statt Werbesprache
Am Anfang stand keine Farbe und kein Logo, sondern die Frage, warum jemand in einer Notlage ausgerechnet hier anruft. Die Antwort steht heute ganz vorn im Markenhandbuch: Schnell da. Ehrlich im Preis. Sauber in der Arbeit.
Jede dieser Zusagen ist konkret. Schnell heißt meist 30 bis 60 Minuten bis zur Haustür. Ehrlich heißt: erst die Diagnose, dann ein Fixpreis, dann die Arbeit, und keine Überraschung auf der Rechnung. Sauber heißt Schutzmatten, ordentliches Werkzeug und eine Übergabe, bei der der Kunde sieht, dass alles wieder abläuft. Diese drei Sätze ziehen sich durch Website, Fahrzeug, Visitenkarte und Telefonat.
Das Logo
Das Zeichen erklärt die Firma, ohne Schlauch, Tropfen oder Werkzeug zu zeigen. Das rechte Bein des A ist eine Leitung mit Flanschverbindung, also genau das Bauteil, mit dem AD jeden Tag arbeitet. Zwei Kragen mit einer Fuge am Fuß der Leitung sind das Detail, an dem man die Marke wiedererkennt.
Gebaut ist das Zeichen auf einem festen Raster. Ein einziges Maß trennt Spalt im A, Querbalken und Flansch, deshalb wirkt es ruhig, auch wenn es groß auf einem Kastenwagen steht. Der Schriftzug daneben ist gezeichnet und nicht aus einer Schrift gesetzt: gleiche Strichstärke, gleiche Rundung wie das D der Bildmarke, und immer zweizeilig.
Geliefert wurde das Logo quer, gestapelt und als Bildmarke allein, jeweils farbig, negativ und einfarbig, als SVG und PNG, dazu App-Icon und Favicon. Welche Varianten zu einem einsatzfertigen Logo gehören, steht unter Logo erstellen lassen.
Die Farbwelt
Ein kräftiges Blau, das man auf der Straße wiedererkennt, und ein sehr dunkles Nachtblau für Text und dunkle Flächen. Weiß nimmt fast die Hälfte jeder Fläche ein, Nachtblau knapp ein Drittel, AD Blau knapp ein Fünftel. So bleibt das Logo die stärkste Farbfläche im ganzen Auftritt.
#1460D2#0A1730#3D86F2#E8F0FC#4A5568#FFC629Signalgelb ist die einzige warme Farbe und streng reserviert: Es steht ausschließlich bei Notdienst-Hinweisen, nirgends sonst. Damit lernt das Auge schnell, wo es im Notfall hinschauen muss. Jede Farbkombination ist im Handbuch mit ihrem Kontrastverhältnis nach WCAG festgehalten, inklusive der Kombinationen, die für Schrift nie verwendet werden dürfen.
Eine eigene Hausschrift
Aus dem gezeichneten Schriftzug ist eine eigene Display-Schrift entstanden: AD Flansch, nur Versalien, exklusiv für AD. Sie trägt die großen Headlines, die Telefonnummer auf dem Fahrzeug und die Ziffern im Einsatzablauf. Für alles andere übernimmt die Barlow-Familie, frei lizenziert und auf der Website vom eigenen Server geladen.
Für die Website kam bei der Umsetzung eine Regel dazu: AD Flansch erst ab etwa 72 Pixel. Darunter verlieren die schmalen Formen am Bildschirm an Klarheit, kleinere Zahlen stehen deshalb in Barlow Semi Condensed. Solche Grenzen findet man erst, wenn die Schrift im echten Layout steht und nicht nur auf dem Musterblatt.
Leitung, Icons und Sprache
Die Leitung mit Flansch aus dem Logo wird zum Gestaltungselement. Sie trennt Abschnitte auf der Website, läuft als Streifen über das Fahrzeug und schließt Briefpapier, Angebot und Rechnung als Fußlinie ab.
Dazu kommen zwölf eigene Icons für Leistungen und Zusagen, gezeichnet auf einem 48er-Raster mit einheitlicher Strichstärke. Die Regel ist einfach: Wo ein Rohr zu sehen ist, sitzt ein Flansch. So erkennt man die Icons auch ohne Logo daneben als AD.
Auch die Sprache ist festgelegt: direkt, konkret, ruhig, per Sie, ohne Ausrufezeichen. Zahlen statt Adjektive, also Minuten, Meter und Euro statt „modernster Technik“. Das Handbuch zeigt dafür Gegenüberstellungen. Aus „Preise auf Anfrage“ wird „Sie kennen den Preis, bevor wir anfangen“.
Das Markenhandbuch
Alles steht in einem Markenhandbuch mit sieben Kapiteln: Marke, Logo, Farbe, Typografie, Gestaltung, Sprache und Anwendungen. Das letzte Kapitel zeigt die Marke im Einsatz, vom Kastenwagen mit Telefonnummer in AD Flansch über Visitenkarte, Briefpapier und Rechnung bis zur Arbeitskleidung mit Logo auf Brust und Rücken.
Der Grund ist praktisch. Ein Handwerksbetrieb arbeitet mit Beschriftern, Druckereien und Textildruck. Sobald einer von ihnen fragt, welche Datei in welcher Farbe die richtige ist, braucht es eine Antwort, die nicht vom Zufall abhängt. Mehr dazu unter Corporate Design erstellen lassen.
Die Website
Die Website setzt das Handbuch eins zu eins um. Ganz oben steht die Frage, mit der Kunden kommen, in der Hausschrift: Rohr verstopft? Darunter die Zusage mit Anfahrtszeit, die Telefonnummer als erster Button und eine Karte, die zeigt, dass gerade jemand erreichbar ist. Auf dem Handy bleibt eine Anrufleiste fest am unteren Rand, das Telefon ist also immer einen Daumen entfernt.
Jede der sieben Leistungen hat eine eigene Seite, von der Rohrreinigung über Kanal-TV und Kanalsanierung bis zur Schachtkontrolle. Dazu kommen Seiten für Notdienst, Preise, das Unternehmen und den Kontakt. Die Preise stehen offen da, ab 99 Euro für eine Rohrreinigung, weil „ehrlich im Preis“ sonst nur eine Behauptung wäre.
Die Kamera-Untersuchung ist als Inspektionsmonitor gestaltet, mit Aufnahmeanzeige, aktuellem Datum und einem Meterzähler, der beim Hinsehen hochläuft. Das erklärt die Leistung besser als jedes Foto: Der Kunde sieht, was er später selbst am Monitor sehen wird.
Der Ablauf eines Einsatzes läuft als Rohrstrang über die Seite, mit einem Flansch zwischen jedem Schritt. Beim Scrollen fließt Wasser durch die Leitung, und jeder Flansch wird aktiv, sobald man ihn erreicht. Wer Bewegung im Betriebssystem reduziert hat, sieht den fertigen Zustand ohne Animation.
Das Einsatzgebiet zeigt eine Karte, die aus den amtlichen Bezirksflächen der Stadt Wien erzeugt ist, mit Quellenangabe. Der Standort in Döbling ist in AD Blau markiert, Karte und Bezirksliste heben sich beim Überfahren gegenseitig hervor.
Technik und Umzug
Gebaut ist die Seite statisch, ohne Redaktionssystem im Hintergrund. Schriften kommen vom eigenen Server, Google Maps und alle späteren Dienste laden erst nach Zustimmung, und Ablehnen ist genauso leicht wie Zustimmen. Für Suchmaschinen sind Unternehmen, Leistungen, Fragen und Brotkrumen als strukturierte Daten ausgezeichnet.
Die Adressen der alten Baukasten-Seite leiten dauerhaft auf ihr neues Gegenstück weiter, damit gespeicherte Links und alte Einträge nicht ins Leere führen. Wie ich bei so einem Wechsel vorgehe, steht unter Website-Relaunch.
Worauf die Seiten zielen
Vor dem Schreiben stand eine Messung der Suchnachfrage in Österreich. Die größten Begriffe sind eindeutig: Abflussreinigung Wien mit rund 8.750 Suchen im Monat, Rohrreinigung Wien mit rund 6.450, Abfluss Notdienst Wien mit rund 3.050 und Abfluss verstopft Wien mit rund 2.600. Startseite, Notdienst und Rohrreinigung tragen diese Begriffe heute im Seitentitel und im Seitenkopf.
Bewusst aufgehoben für die laufende Betreuung sind die Themen, die eigene Seiten brauchen: Seiten zu einzelnen Problemen wie verstopftem WC oder verstopfter Küche, Seiten für die einzelnen Bezirke, Seiten für Hausverwaltungen und Gastronomie sowie ein Ratgeber. Erst die saubere Grundlage, dann der Ausbau. Mehr dazu unter Local SEO.
Was geliefert wurde
- Markenkern mit drei Zusagen, Haltung und Regeln für die Sprache
- Logo quer, gestapelt und als Bildmarke, farbig, negativ und einfarbig, als SVG und PNG, dazu App-Icon und Favicon
- Hausschrift AD Flansch als Desktop- und Webschrift
- Farbpalette mit Verhältnissen, Abstufungen und geprüften Kontrasten
- Zwölf eigene Icons, positiv und negativ
- Markenhandbuch mit sieben Kapiteln, von der Konstruktion bis zu Fahrzeug, Drucksachen und Arbeitskleidung
- Website mit 15 Seiten, Kontaktformular, Einwilligungsbanner, Weiterleitungen und strukturierten Daten
- Suchkonzept mit Zielbegriffen je Seite und einem Fahrplan für die nächsten Ausbaustufen
Belastbare Zahlen zu Sichtbarkeit und Anrufen gibt es noch nicht, dafür ist die Seite zu frisch online. Sie kommen hier hinein, sobald sie vorliegen, und nicht vorher.
