Webdesign Handwerk: Beispiele für den Schweizer Mittelstand

Eine Handwerksseite muss in drei Sekunden zeigen, was Sie können. Wir entwerfen Hero-Bauten, die das Material in den Vordergrund stellen, Ihre Auftragslage sichtbar machen und einem Mobil-Besucher die Anfrage in zwei Klicks ermöglichen. In der Vitrine rechts sehen Sie neun ausgewählte Heros, in der Galerie unten die volle Auswahl plus sieben Live-Kalkulator-Heros aus den Gewerken.

infiniWEB Trust-Siegel: ProvenExpert Top-Bewertung, eRecht24 Agentur-Partner, Swiss Made, Modern
Auswahl Handwerk Neun Hero-Designs aus dem Handwerk Bewegen Sie die Maus über eine Karte für Branche und Tonalität.
Alle Handwerks-Beispiele ↓

Webdesign für Handwerk und Bau, das Aufträge bringt

Die folgende Sammlung zeigt, wie wir bei infiniWEB Websites für Schreinerei, Maler, Sanitär, Elektro, Bauunternehmen, Solartechnik und weitere Gewerke umsetzen. Jede Referenz steht für eine bestimmte Designentscheidung: welcher Hero-Typ trägt den ersten Eindruck, wie wird Vertrauen mobil hergestellt, wo schlägt ein Live-Kalkulator klassische Bildkommunikation. Die Bandbreite reicht vom klaren Editorial-Hero über zweispaltige Widget-Lösungen bis zum eingebauten Offerten-Tool.

Warum viele Handwerker-Seiten den Auftrag nicht holen

Die meisten Handwerker-Auftritte, die wir analysieren, stolpern an drei Stellen. Sie sind nicht das Ergebnis schlechten Geschmacks, sondern fehlender Strategie vor dem Design.

Auf dem Smartphone unbedienbar

Eine Anfrage entsteht selten am Schreibtisch. Sie entsteht im Auto, in der Pause, auf der Baustelle. Wenn Buttons zu klein sind, das Telefon nicht ein Klick entfernt liegt und das Formular nicht mit dem Daumen bedienbar ist, geht der Auftrag an den nächsten Treffer.

Unsichtbar in der lokalen Suche

Eine schöne Seite ohne Standort-Signale, ohne saubere Heading-Logik und ohne Branchen-Vokabular landet auf Position vierzig. Lokale Sichtbarkeit ist kein Zufallsprodukt, sondern eine Architektur-Entscheidung, die vor dem ersten Pixel getroffen wird.

Kein Vertrauen in der ersten Sekunde

Ein Hausbesitzer mit Wasserschaden hat keine Zeit für Imagefilme. Er braucht in einer Sekunde drei Signale: Sie sind echt, Sie sind erreichbar, Sie haben so etwas schon gemacht. Fehlt eines, klickt er weiter.

Vier Phasen vom Briefing zum Livegang

Strategie vor Pixel ist mehr als ein Slogan. Bei jedem Handwerk-Projekt gehen wir denselben Weg, weil er die Risiken aus dem Webauftritt nimmt und das Budget dort einsetzt, wo es Aufträge produziert.

1. Briefing und Markt

Wir hören zu, prüfen Wettbewerb in Ihrem Einzugsgebiet, identifizieren die Suchanfragen Ihrer Wunschkunden. Ergebnis: ein klarer Auftritt mit messbaren Zielen, kein Bauchgefühl.

2. Strategie und Struktur

Welche Seiten sind nötig, welche Hero-Bauart trägt Ihre Tonalität, wo sitzt der Live-Kalkulator. Wir entwerfen die Architektur in einem Wireframe, bevor das erste Bild gemacht wird.

3. Design und Umsetzung

Mobile-First, sauberer Code, eingebaute SEO-Logik, Tap-To-Call, klare Anfragestrecken. Sie sehen jeden Schritt im Preview, geben Feedback in einer Runde, wir liefern den Feinschliff.

4. Livegang und Pflege

Ladezeit-Tests, Indexierung anstossen, Tracking sauber. Sie bekommen eine Pflege-Anleitung, drei Monate Reaktions-Support, auf Wunsch laufende Optimierung im Monats-Rhythmus.

Wenn Ihr Gewerk standardisierbare Preisparameter hat (Fenster, Sanitär, Wärmepumpe, Maler, Fassade, Küche, Elektro), bauen wir Ihren Hero mit eingebautem Live-Kalkulator. Sieben Beispiele aus der Praxis finden Sie unten in der Galerie.

Was eine professionelle Handwerksseite konkret leistet

Mobile-First gedacht, nicht skaliert

Die Seite wird für das Smartphone entworfen und dann auf Desktop erweitert. Das ändert Anfragestrecken, Schriftgrössen, Tap-Zonen.

Ladezeit unter zwei Sekunden

Komprimierte Bilder, sparsamer Code, sauberes Caching. Auf der Baustelle mit schwachem Empfang trennt sich Tempo von Ausreden.

Vertrauenssignale sichtbar oben

Bewertungen, Zertifikate, eRecht24-Siegel, klare Kontaktwege. Ein Anrufer entscheidet in Sekunden.

Anfragestrecke in zwei Klicks

Tap-To-Call direkt im Hero, Formulare ohne Pflichtfeld-Marathon, Kalender-Einbindung wenn Termine relevant sind.

Local SEO ohne Stadt-Stuffing

Saubere Standort-Signale, Google Business Profil, Branchen-Vokabular. Keine zwanzig Stadt-Unterseiten, keine Manipulations-Risiken.

Bildsprache aus echten Aufträgen

Werkstatt, Team, ein laufendes Projekt, ein fertiges Werk. Stock-Bilder bleiben Notlösung, niemals Standard.

28 Beispiele aus dem Handwerk und Bau

Bunt gemischt von Schreinerei und Maler über Sanitär und Elektro bis Solartechnik und Carrosserie. Klicken Sie eine Karte, um die Fullpage-Ansicht in der Lightbox zu öffnen.

Schreinerei aus St-Gallen, Beispielseite Webdesign Handwerk

Schreinerei

Elektro-Engineering aus Bern, Beispielseite Webdesign Handwerk

Elektro-Engineering

Autohaus aus Zürich, Beispielseite Webdesign Handwerk

Autohaus

Smart-Home aus Zürich, Beispielseite Webdesign Handwerk

Smart-Home

Zimmerei aus St-Gallen, Beispielseite Webdesign Handwerk

Zimmerei

Bauträger aus Basel, Beispielseite Webdesign Handwerk

Bauträger

Schreinerei aus Basel, Beispielseite Webdesign Handwerk

Schreinerei

Uhrmacher aus Basel, Beispielseite Webdesign Handwerk

Uhrmacher

Carrosserie aus Zürich, Beispielseite Webdesign Handwerk

Carrosserie

Baufirma aus Zürich, Beispielseite Webdesign Handwerk

Baufirma

Elektro aus St-Gallen, Beispielseite Webdesign Handwerk

Elektro

Goldschmied aus La-Chaux-de-Fonds, Beispielseite Webdesign Handwerk

Goldschmied

Gartenbau aus Bern, Beispielseite Webdesign Handwerk

Gartenbau

Schreinerei aus Bern, Beispielseite Webdesign Handwerk

Schreinerei

Maler aus Zürich, Beispielseite Webdesign Handwerk

Maler

Haustechnik aus Lausanne, Beispielseite Webdesign Handwerk

Haustechnik

Gerüstbau aus Thun, Beispielseite Webdesign Handwerk

Gerüstbau

Schreinerei aus Winterthur, Beispielseite Webdesign Handwerk

Schreinerei

Dachdecker aus Bern, Beispielseite Webdesign Handwerk

Dachdecker

Velowerkstatt aus St-Gallen, Beispielseite Webdesign Handwerk

Velowerkstatt

Baufirma aus Basel, Beispielseite Webdesign Handwerk

Baufirma

Bauingenieur aus Basel, Beispielseite Webdesign Handwerk

Bauingenieur

Tiefbau aus St-Gallen, Beispielseite Webdesign Handwerk

Tiefbau

Mechaniker aus Bern, Beispielseite Webdesign Handwerk

Mechaniker

Uhrmacher aus St-Gallen, Beispielseite Webdesign Handwerk

Uhrmacher

Bauunternehmen aus Zug, Beispielseite Webdesign Handwerk

Bauunternehmen

Garage aus Winterthur, Beispielseite Webdesign Handwerk

Garage

Elektro aus Bern, Beispielseite Webdesign Handwerk

Elektro

7 Heros mit eingebautem Live-Kalkulator

Diese sieben Hero-Beispiele zeigen, wie ein Live-Kalkulator im Handwerk konkret arbeitet. Statt eines reinen Bildes rechnet die Seite in Echtzeit eine erste Hausnummer für die häufigste Leistung im Gewerk. Eingaben werden in Sekunden zu einer nachvollziehbaren Preisspanne. Wer eine konkrete Zahl sieht, ruft eher an.

Fenstertechnik aus Chur, Beispielseite Webdesign Handwerk

★ Live-Kalkulator · Fenstertechnik

Elektroinstallationen aus Solothurn, Beispielseite Webdesign Handwerk

★ Live-Kalkulator · Elektroinstallationen

Fassadendämmung aus St-Gallen, Beispielseite Webdesign Handwerk

★ Live-Kalkulator · Fassadendämmung

Küchenbau aus Rapperswil, Beispielseite Webdesign Handwerk

★ Live-Kalkulator · Küchenbau

Maler aus Olten, Beispielseite Webdesign Handwerk

★ Live-Kalkulator · Maler

Sanitär aus Thun, Beispielseite Webdesign Handwerk

★ Live-Kalkulator · Sanitär

Wärmepumpe aus Frauenfeld, Beispielseite Webdesign Handwerk

★ Live-Kalkulator · Wärmepumpe

Was eine Handwerker-Seite ohne Strategie wirklich kostet

Fünf Kosten-Stellen, die Sie auf den ersten Blick nicht sehen, die aber jeden Monat Geld kosten.

Verlorene Anrufe

Wenn das Smartphone-Layout den Telefon-Button versteckt, ruft der Wasserschaden-Kunde den nächsten Treffer an. Eine verlorene Erstanfrage entspricht im Schnitt einem CHF 800-Auftrag.

Position vierzig statt vier

Ohne saubere Heading-Hierarchie und Branchen-Vokabular landet Ihre Seite auf Seite drei. Über neunzig Prozent der Suchenden klicken nicht weiter als bis zur ersten Trefferseite.

Vertrauen, das nicht trägt

Bewertungen, Zertifikate und Trust-Siegel im Footer statt im Hero. Der erste Eindruck entscheidet, ob ein Auftraggeber überhaupt scrollt.

Stundenlohn-Verlust

Jede Stunde Telefonat für Informationen, die auf der Seite stehen sollten, ist verlorene Werkstatt-Zeit. Eine bessere Anfragestrecke spart pro Auftrag eine halbe Stunde.

Rechts-Risiken

Fehlende DSGVO-Konformität, unklare Cookie-Einwilligung, kein Impressum-Standard. Eine Abmahnung kostet CHF 500 bis 4'000.

Stock-Bilder statt Werkstatt

Generische Bilder erkennt ein Bauherr in fünf Sekunden. Wer Stock zeigt, verliert den Auftrag an den Mitbewerber mit Foto vom letzten Projekt.

FAQ rund um Webdesign für Handwerk und Bau

Eine strategisch aufgebaute Handwerker-Website beginnt bei uns ab CHF 2'900 als Pauschalpreis. Diese Spanne deckt Premium-Design, Mobile-Optimierung, Suchmaschinen-Architektur und ein einfaches Content-Pflege-System ab. Eine Seite ohne Strategie ist günstig, kostet aber Aufträge. Eine Seite mit Strategie kostet einmal richtig und arbeitet jahrelang für Sie. Im Kalkulator unter /website-kosten-rechner/ können Sie Ihren konkreten Bedarf in sieben Schritten durchspielen.

Vom ersten Briefing bis zum Livegang plant infiniWEB üblicherweise vier bis sechs Wochen ein. Davon entfallen rund eine Woche auf Strategie und Inhaltsplanung, zwei bis drei Wochen auf Design und Umsetzung, eine Woche auf SEO-Feinschliff und Tests. Wenn Bildmaterial und Texte bereitliegen, geht es schneller. Wenn Foto-Termine, Logo-Erstellung oder Branchen-Zertifikate dazukommen, etwas länger.

Über siebzig Prozent der Anfragen im Handwerk laufen heute über Smartphones. Ein Kunde mit Wasserschaden tippt auf der Strasse, ein Bauherr vergleicht Angebote im Bus, eine Hausverwaltung sucht den Notdienst aus dem Auto. Wenn Ihre Seite auf dem kleinen Bildschirm hakt, hakt es auch beim Auftrag. Wir entwerfen darum Mobile-First: Touch-Bedienbarkeit, Tap-To-Call, klare Anfragestrecken in zwei Klicks.

Lokale Suchsichtbarkeit funktioniert über Standort-Daten, Google Business Profil und einen sauber strukturierten Footer mit Adresse plus Einzugsgebiet. Wir verzichten bewusst auf Stadt-Stuffing in jeder Überschrift, weil das von Google heute eher als Manipulation gewertet wird als als Relevanz. Stattdessen klare Standort-Signale plus konsistente Branchen-Sprache.

Eigene Aufnahmen schlagen Stock fast immer. Ein Bauherr erkennt in fünf Sekunden, ob die Bilder echt sind. Wir empfehlen einen halben Tag Foto-Termin: Werkstatt, Team, ein laufender Auftrag, ein fertiges Werk. Wenn das nicht möglich ist, arbeiten wir mit kuratierten Stock-Bildern, die zu Ihrer Materialwelt passen, und ergänzen später durch Echtmaterial.

Sie bekommen ein Content-Management-System, mit dem Sie Texte, Referenzbilder und Termine selbst aktualisieren können, ohne Programmierkenntnisse. Wir liefern eine Schritt-für-Schritt-Anleitung und beantworten Pflege-Fragen in den ersten drei Monaten kostenfrei. Auf Wunsch übernehmen wir die monatliche Pflege als Dienstleistung.

Pflichtangaben in Impressum und Datenschutz, korrekte Cookie-Einwilligung, Konformität mit dem revidierten Datenschutzgesetz seit September 2023. Wenn Sie auch im EU-Raum tätig sind, kommen DSGVO und seit 2025 die European Accessibility Act-Vorgaben zur Barrierefreiheit dazu. infiniWEB ist eRecht24-Agentur-Partner und liefert die rechtssicheren Texte mit Aktualisierungs-Service.

Für Gewerke mit standardisierbaren Preisparametern lohnt er sich fast immer. Fenstertechnik, Sanitär, Wärmepumpe, Maler, Fassadendämmung, Küchenbau, Elektroinstallation: überall dort, wo eine Hausnummer in der ersten Anfrage Vertrauen schafft, hebt der Kalkulator die Konversionsrate spürbar. Sieben Beispiele aus genau diesen Gewerken finden Sie in der Sektion oben.

★ 4,74/5 · 85 Bewertungen · 250+ Projekte · 35+ Branchen

Bereit für Ihre neue Handwerker-Website?

Jedes der oben gezeigten Beispiele entstand nach demselben Vier-Phasen-Prozess. Wenn Sie Ihre eigene Seite neu aufbauen oder modernisieren möchten, sprechen wir in dreissig Minuten unverbindlich darüber, welcher Hero-Typ zu Ihrem Gewerk passt und ob ein Live-Kalkulator für Sie Sinn ergibt.

empty