Drei Look-Richtungen für Max Löffler Hausmeisterservice

Kein fertiger Entwurf — die Anmutung. Drei eigene Skelette, nicht eine Seite in drei Farben. Alle drei sind mit den vier echten Fotos aus dem Google-Profil und den tatsächlichen Leistungen des Betriebs gefüllt. Du darfst mischen — die Bausteine sind einzeln entnehmbar.

Vier Funde vorab, die die Richtung beeinflussen
Look A am Rechner
Richtung A

Am Objekt verlässlich

Geerdet und foto-geführt — der eigene Mäher trägt den Hero, die vier Leistungen liegen sofort sichtbar als Kachel-Reihe darunter. Passt zu einem Betrieb, der sich über die Ausrüstung und den direkten Draht verkauft.

Palette
Warmes Werkstattpapier, Tinte, Rostorange
Typografie
Schibsted Grotesk (bold) + Manrope
Bildrolle
Führend — großes Hero-Foto, dann Bildpaare

Signature: „Der Rundgang" — eine Kette aus vier nummerierten Stationen (Grünfläche → Treppenhaus → Winterdienst → Entrümpelung), die sich beim Scrollen mit einer Linie verbindet.

Look B am Rechner
Richtung B

Die Servicetafel

Technisch, organisiert, kühl — spricht gezielt Hausverwaltungen und Vermieter an. Kontaktleiste ganz oben, Leistungen sofort als Tafel, Saisonplan als Entscheidungshilfe für „was steht wann an".

Palette
Graphit-Anthrazit, kühles Papierweiß, Kupfer
Typografie
Space Grotesk (technisch) + Manrope
Bildrolle
Belegend — Typo führt, Fotos als Kacheln stützen

Signature: die Saison-Zeitleiste — Winterdienst (Nov–März) und Grünanlagenpflege (Apr–Okt) als Balken über zwölf Monate, Treppenhaus/Entrümpelung als Dauer-Hinweise daneben.

Look C am Rechner
Richtung C

Ruhig gepflegt

Editorial und warm — der gemähte Rasenstreifen füllt den ganzen ersten Bildschirm, viel Weißraum, eine Zeile Haltung statt eines Kunden-Zitats (es liegt kein echter Bewertungstext vor). Wirkt persönlicher als A und B.

Palette
Kalkcreme, Moosgrün, Messing
Typografie
Fraunces (Serife) + Jost
Bildrolle
Tragend — Vollbild-Hero und ein großes Signature-Foto

Signature: das Vollbild „Eigene Ausrüstung" mit dem Mäher-Foto über die ganze Breite, dunkel hinterlegte Bildunterschrift statt Text auf hellem Grund.

Meine Empfehlung: A als Grundrichtung, mit dem Saisonplan aus B.

Der Betrieb hat vier sehr unterschiedliche Leistungen (Grünfläche, Treppenhaus, Winterdienst, Entrümpelung) und noch keine erkennbare Zielgruppen-Festlegung — „Aufhänger: hat gar keine Website" heißt auch: die Seite muss für Privatkunden UND Hausverwaltungen gleichzeitig funktionieren. A schafft das am robustesten: foto-geführt, verständlich, ohne eine Zielgruppe auszuschließen — und es ist die einzige Richtung, die aus dem Stand mit den drei echten Arbeitsfotos komplett auskommt (kein Kaufbild im Hero, nur an zwei Nebenstellen).

B ist die richtige Wahl, falls Ibrahims nächste Gespräche eher Richtung Hausverwaltungen laufen — dafür ist der Saisonplan ein starkes, ehrliches Entscheidungsargument, das kein anderer Hausmeisterbetrieb in Chemnitz online zeigt. C ist die ruhigste, persönlichste Richtung, lebt aber stärker vom Bildmaterial — sobald der Betrieb mehr eigene Fotos liefert (aktuell nur 4), wird C die stärkste Option.

Konkret mischen würde ich so: Skelett, Hero und den „Rundgang" aus A · den Saisonplan als zusätzliche Sektion aus B · die ruhige Bildunterschrift-Behandlung (dunkel hinterlegt) aus C für das Mäher-Bild.

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

  1. Straßenadresse klären. Zwei widersprüchliche Angaben (Kohlstr. 4 vs. Talstraße 68) — auf keiner Weiche verwendet, muss vor dem echten Entwurf bestätigt sein.
  2. Mehr eigene Fotos anfordern. Nur 4 im Google-Profil, drei davon brauchbar — für Treppenhausreinigung, Winterdienst und Entrümpelung gibt es aktuell kein einziges eigenes Foto, nur kuratierte Kaufbilder mit Coral-Fahne.
  3. Rechtsform/Impressum-Angaben. Keine Website, keine auffindbare Rechtsform-Angabe — kommt komplett über das Onboarding-Formular nach der Zahlung.
  4. Zielgruppe entscheiden. Privatkunden, Hausverwaltungen oder beides — beeinflusst, ob B (zugespitzt) oder A/C (breiter) näher am Ziel liegt.
  5. Aktiv-seit-Angabe NICHT übernehmen ohne Bestätigung. Ein Verzeichnis nennt „seit 2024" — zu jung, um als Stärke zu werben, und unbestätigt.

Gemessen, nicht geschätzt

PrüfungSollABC
Externe Requests0000
Konsolenfehler0000
Overflow bei 393 px (WebKit, iPhone 15)0 px000
H1-Oberkante am Handy< 606 px177205553
Hero-Textkontrast (echt gemessen)≥ 4,5:1Kachel auf VolltonflächeKachel auf Volltonfläche9,06 (Handy) / 11,28 (Desktop)

Erste CSS-Grid-Fassung von B hatte einen 507-px-Überlauf am Handy (WebKit): eine unbrochene E-Mail-Adresse in einer dl zwang eine 1fr-Spalte auf min-content-Breite. Behoben mit overflow-wrap:anywhere global plus minmax(0,1fr) statt 1fr auf allen festen Grid-Spalten alle drei Weichen — dieselbe Lehre wie im feedback_responsive_echt_testen-Eintrag zu min-width:0.

Max Löffler Hausmeisterservice · Chemnitz-Kappel · Entwurfsbau fixdeineseite · 15.09.2026
Nach der Wahl geht der Entwurf durch die QM-Abnahme, bevor irgendetwas rausgeht.