Novemberaktion: bis zu 500 € sparen, bis 30.11.
Beispielprojekt

Website für einen Fliesenleger: Muster Fliesen

Muster Fliesen gibt es nicht, die Website schon. Das Beispielprojekt zeigt, wie eine Seite für einen Fliesenleger-Meisterbetrieb aussehen kann, der Privatkunden und Gewerbe gleichermaßen bedient.

Beispielprojekt: Der Betrieb, seine Kontaktdaten und alle Projekte auf der Demo-Seite sind erfunden. Gebaut ist sie echt.

Ausgangslage

Die Annahme hinter dem Beispiel

Für das Beispiel habe ich einen Meisterbetrieb angenommen, der zwei sehr unterschiedliche Kundengruppen hat. Privatleute wollen wissen, was ein neues Bad kostet, wie lange es dauert und ob der Betrieb auch zu ihnen rausfährt. Bauträger, Architekturbüros und Gewerbekunden wollen sehen, ob Großformat, Verlegeplanung und Arbeiten in Bauabschnitten sitzen.

Beide Gruppen auf eine Seite zu bringen, ohne dass sich jede durch die Themen der anderen kämpfen muss, war die eigentliche Aufgabe.

Lösung

So ist die Seite aufgebaut

Ein One-Pager, der beide Gruppen bedient, ohne sie zu vermischen. Der Leistungsteil lässt sich per Umschalter auf „Für Zuhause“ oder „Für Gewerbe & Planer“ stellen, jede Leistung klappt mit Beschreibung, Stichworten und Foto auf. Der Ablauf zeigt die vier Schritte vom Kennenlernen bis zur Abnahme, die FAQ beantwortet Kosten, Dauer und Einzugsgebiet, bevor jemand anruft.

Im Kopf der Seite steht ein Verlegeplan aus 36 Fliesen, die man anklicken kann. Eine Spielerei, ja, aber eine, die zeigt, worum es dem Betrieb geht: um Fugenbild und Aufteilung.

Technik

  • Next.js, statisch exportiert
  • Läuft auf normalem Webspace
  • Schriften und Fotos lokal ausgeliefert
  • Bewegung richtet sich nach der Systemeinstellung
Screenshots

So sieht es aus

Kopf der Beispielseite Muster Fliesen mit Überschrift „Wir legen Wert drauf“ und Verlegeplan aus 36 Fliesen
Startseite mit klickbarem Verlegeplan
Leistungsbereich von Muster Fliesen mit Umschalter „Für Zuhause“ und „Für Gewerbe & Planer“
Leistungen mit Zielgruppen-Umschalter
Muster Fliesen auf dem Handy: Überschrift, zwei Knöpfe und Verlegeplan
Auf dem Handy
Funktionen

Was die Seite kann

Klickbarer Verlegeplan

Sechs mal sechs Fliesen im Kopf der Seite, jede wechselt per Klick die Farbe. Bei abgeschalteter Bewegung steht das Raster sofort ruhig da.

Zwei Zielgruppen, ein Umschalter

Die Leistungen gibt es in zwei Fassungen: für Zuhause und für Gewerbe und Planer. Ein Klick, und die Liste wechselt.

Aufklappbare Leistungen

Badsanierung, Großformat, Naturstein und mehr, jeweils mit kurzer Beschreibung, Stichworten und Foto.

Ablauf und FAQ

Vier Schritte von Kennenlernen bis Abnahme und fünf Fragen, die ein Fliesenleger sonst am Telefon beantwortet.

Datensparsam

Fotos und Schriften liegen auf dem eigenen Server. Beim Aufruf gehen keine Anfragen an Dritte.

Demo-Formular

Das Kontaktformular prüft die Eingaben, verschickt aber nichts, es ist schließlich ein Beispiel.

Selbst ausprobieren

Die Demo läuft auf einer eigenen Subdomain. Klick dich durch, auf dem Handy und am Rechner. Formulare dort senden nichts ab.

Demo von Muster Fliesen öffnen ↗
Weiterlesen

Weitere Beispiele und passende Leistungen

Kostenlos und unverbindlich

Kostenloser Website-Check

Ich schaue mir deine aktuelle Seite an und sage dir, was sie Kunden kostet. So eine Seite für deinen Betrieb? Wir fangen mit einem Blick auf deine jetzige an.

Noch keine Website? Dann erzähl mir einfach, was du vorhast.