Drei Look-Richtungen für SWK Jens Züger

Kein fertiger Entwurf — die Anmutung. Drei eigene Skelette, nicht eine Seite in drei Farben. Alle drei sind mit den echten Angaben des Betriebs gefüllt (Leistungen, Gründungsjahr, Referenzen, echte Fotos), damit du siehst, wie sich der Inhalt trägt. Du darfst mischen — die Bausteine sind einzeln entnehmbar.

Vier Funde vorab, die die Richtung beeinflussen

Der Aufhänger „Hat gar keine Website" stimmt nicht. swk-wsf.de liefert 200 OK, Last-Modified 23.05.2018 — eine echte, noch laufende Seite. Technisch von 2018: HTML-2.0-Tabellenlayout, kein Viewport-Meta (am Handy nicht bedienbar), kein gültiges SSL-Zertifikat (curl meldet „self signed certificate"). Der tragfähige Aufhänger für den Anruf am Freitag ist also nicht „keine Website", sondern „Website von 2018, am Handy unbrauchbar, ohne gültiges SSL-Zertifikat".
SWK = Sanitär-Wärme-Klimatechnik. Von der Altseite vollständig gesichert: Inhaber Jens Züger, gegründet 01.07.1994, Adresse Langendorfer Straße 35, 06667 Weißenfels („wir sind umgezogen", Stand 2018), Referenz Klimaanlage Hotel Güldene Berge Weißenfels, drei echte Bad-Referenzfotos, Partnermarken Remko/Remeha/Sanibel/ETA/Oertl.
Telefonnummer-Widerspruch, bitte vor dem Bauen klären. Anrufliste nennt +49 3443 305476 (dort hat Ibrahim den Vater erreicht) — die Altseite/Impressum nennt 03443 802603. Beide Weißenfels-Vorwahl, unterschiedliche Anschlussnummer. Alle drei Richtungen verwenden hier probeweise die Nummer aus der Anrufliste.
Entscheider ist laut Ibrahims Notiz vermutlich der Sohn, nicht der Vater, der abgenommen hat. Keine der drei Richtungen behauptet, wer im Betrieb welche Rolle hat — das Team-Foto (Richtung B) zeigt nur „Firmenfahrzeuge vor Ort", ohne eine Person zu benennen.

Richtung A

Die drei Gewerke

Funktional-technisch. Sanitär, Wärme und Klimatechnik stehen als gleichwertige Kacheln nebeneinander — passend zu einem Betrieb, der sich selbst über drei Kompetenzfelder definiert, nicht über ein Aushängeschild.

Palette: Graphit/Anthrazit + Kupfer als Akzent
Typografie: Schibsted Grotesk (fett) + Manrope
Bildrolle: Dienend — ein Beweisbild pro Aussage

Signature: die Prozess-Zeitleiste Beratung → Planung → Ausführung → Service, wörtlich aus der Altseite übernommen — das ist die eigene Sprache des Betriebs.

Live ansehen Handy

Richtung B

Seit 1994

Vertrauen über Beständigkeit. Das große Foto der Firmenfahrzeuge trägt den Einstieg, ein dunkler Zeitstrahl-Block erzählt die Geschichte 1994 → 2018 → heute. Passt zu einem Familienbetrieb im Generationenwechsel.

Palette: Warmes Werkstattpapier, Petrolblau, SWK-Rot
Typografie: Fraunces (Serife) + Hanken Grotesk
Bildrolle: Tragend — das einzige echte Personenfoto als Vertrauensanker

Signature: der Chronik-Block auf dunklem Petrolgrund mit den drei echten Jahreszahlen 1994 (Gründung), 2018 (Umzug), Heute.

Live ansehen Handy

Richtung C

Referenzanlagen

Bildgetragen, ruhig, editorial. Greift den Namen auf, den die Altseite selbst für ihre Portfolio-Rubrik verwendet hat — „Referenzanlagen" — und baut daraus eine großformatige Galerie aus echten Bad- und Klimafotos.

Palette: Kalkweiß, Terrakotta, warmer Stein
Typografie: Cormorant Garamond + Jost
Bildrolle: Tragend — drei großformatige Referenzpaare

Signature: die alternierende Bildergalerie mit allen drei echten Referenzfotos (2× Bad, 1× Klimaanlage Hotel Güldene Berge) im Vollformat.

Live ansehen Handy

Meine Empfehlung: B als Grundrichtung, mit der Referenzgalerie aus C.

Dieser Betrieb hat etwas, das die meisten Telefonakquise-Leads nicht haben: eine echte, lückenlos belegte Geschichte (1994 gegründet, 2018 umgezogen, ein echtes Foto von Fahrzeugen und Person vor Ort) und drei echte Referenzfotos aus eigenem Bildmaterial. Das ist kein anonymer Handwerksbetrieb, der Vertrauen erst aufbauen muss — das Material dafür liegt vor. B nutzt genau das: das Team-Foto im Hero, dazu die Chronik als Vertrauensanker. Gleichzeitig soll die Seite nicht nur behaupten, sondern zeigen — deshalb würde ich die Referenzgalerie aus C als zweite Sektion einziehen, statt Bs schlanke Zweier-Bildreihe.

Gegen A spricht nicht die Qualität, sondern die Konkurrenzlage: die Drei-Kacheln-Struktur ist solide, aber austauschbar — sie könnte bei jedem SHK-Betrieb stehen. B und C nutzen dagegen etwas, das nur dieser Betrieb hat. Gegen C allein spricht, dass ein Bildergalerie-Skelett ohne Vertrauensgeschichte (Gründungsjahr, Kontinuität) das stärkste Argument liegen lässt.

Konkret mischen würde ich so: Kopf, Hero mit Team-Foto und Chronik-Block aus B · die alternierende Referenzgalerie aus C anstelle von Bs Bildpaar · die Prozess-Zeitleiste „Beratung → Planung → Ausführung → Service" aus A als eigene Sektion, weil sie wörtlich die Sprache des Betriebs ist.

Was ich beim Bauen anfasse, sobald du gewählt hast

Telefonnummer klären. Anrufliste (305476) vs. Impressum der Altseite (802603) — welche gilt aktuell?
Eigenes Bildmaterial anfordern. Alle Fotos sind von 2018 und niedrig aufgelöst (450–770 px breit). Für den finalen Entwurf reichen sie am Desktop, wirken am Handy aber schnell unscharf — ein aktuelles Handyfoto von Firma, Team oder einer neueren Anlage würde die Seite deutlich schärfen.
Mitarbeiterzahl/Anlagenzahl nicht ungeprüft übernehmen. „5 Mitarbeiter, ca. 20 Anlagen/Jahr" steht undatiert auf der Altseite (Stand vermutlich 2018) — für den Entwurf nur mit Bestätigung verwenden, sonst weglassen.
Rechtsform/Impressum-Angaben ergänzen. Die Altseite nennt keine USt-IdNr. oder Handelsregisternummer — falls Einzelunternehmen, reicht das für ein correctes Impressum, sonst fehlen Angaben.
Ansprechpartner klären. Ibrahim vermutet den Sohn als Entscheider — für die Kunden-Anrede in der Begleitmail wichtig, im Entwurf selbst nicht nötig.
Google-Bewertungen (10 Stück) verlinken, sobald der Kunde zusagt — aktuell nirgends auf den drei Richtungen als Sternewert dargestellt, weil die Bewertungshöhe nicht vorlag, nur die Anzahl aus dem Lead.

Gemessen, nicht geschätzt

Prüfung	Soll	A	B	C
Externe Requests	0	0	0	0
Konsolenfehler	0	0	0	0
Overflow bei 393 px (iPhone 15)	0 px	0	0	0
Overflow Desktop 1440 px	0 px	0	0	0

Bei B stand die Hero-Überschrift zunächst weiß-auf-hell unlesbar (eine globale h1-Farbregel überschrieb die weiße Textfarbe im Hero) und der nachträglich verstärkte Schleier hinter dem Textblock lief beim iPhone-Screenshot über den Kopfbereich hinaus. Beides am Screenshot gefunden, nicht am CSS-Wert — beide Male korrigiert und neu gemessen.

SWK Jens Züger · Weißenfels · Entwurfsbau fixdeineseite · 15.09.2026
Nach der Wahl geht der Entwurf durch die QM-Abnahme, bevor irgendetwas rausgeht.