Eine gute Handwerker-Website zeichnet sich durch eine übersichtliche Präsentation der angebotenen Dienstleistungen aus und sollte professionelle Fotos des Teams sowie abgeschlossener Projekte enthalten, um Vertrauen aufzubauen. Zudem sollten Kontaktinformationen, Öffnungszeiten und Kundenbewertungen leicht zugänglich auf der Homepage platziert sein.
Werfen Sie einen Blick auf die folgenden Handwerker-Websites, um zu sehen, was gut und was weniger gut umgesetzt wurde, bevor Sie Ihre eigene Homepage mit unserem KI-Website-Builder für Handwerker erstellen.
Zarla prüft, ob die Websites die wichtigsten Standards für mobile und Desktop-Geräte erfüllen. Dazu verwenden wir u. a. Google PageSpeed Insights und WAVE, einen Dienst, der die Zugänglichkeit bewertet. Beide sind wichtige Faktoren für das Suchmaschinen-Ranking. Die Ergebnisse von PageSpeed stimmen nicht immer mit der Nutzererfahrung überein und variieren oft.
Wien, Österreich
Die Website MOFIX ist der Online-Auftritt des Montageunternehmens Montron GmbH, das Handwerks- und Elektrodienstleistungen für Privatkunden in Wien und Umgebung anbietet. Ein Blickfang sind die Teambilder im Hero-Bereich, die der Website einen persönlichen Charakter verleihen.
Das gut gewählte blau-weiße Farbschema strahlt Erfahrung und Verlässlichkeit aus, während die orangen Farbakzente für Dynamik sorgen. Alle wichtigen Informationen zum Service, zur Abrechnung und zur Kontaktaufnahme sind leicht zugänglich. Im Onlineformular können Bilder hochgeladen werden, um ein konkretes Angebot anzufordern.
Die Vorstellung der Firma, die transparente Preisgestaltung, das Logo der TÜV-Zertifizierung und die FAQs tragen zur Vertrauensbildung bei. Die sympathischen Teamporträts fördern zudem den Aufbau von Kundenbeziehungen. Gleichzeitig sind die CTA-Buttons klar formuliert und motivieren zum Handeln. Die Kontaktdaten sind beim Scrollen stets sichtbar.
Informationen zu den Öffnungszeiten fehlen. Vorher-Nachher-Bilder von Projekten wären wünschenswert, um Know-how zu vermitteln, zumal die Kundenbewertungen nur am Seitenende platziert sind. WAVE hat Probleme mit den Farbkontrasten festgestellt. Zudem sind einige Icons verlinkt, andere nicht, was verwirrt und so die User Experience beeinträchtigt.
Die Website wirkt auf einem Desktop-Gerät durch die ansprechende Farbgestaltung und die gut lesbare Schriftgröße übersichtlich und professionell. Die Teambilder kommen gut zur Geltung. Das klare Layout mit der fixen Menüleiste am Seitenanfang ermöglicht eine einfache Navigation zu den wichtigsten Informationen wie Handwerkerleistungen, Firmenporträt, Preise und FAQs.
Die Ladezeit der Desktop-Version wurde im Performance-Test von PageSpeed Insights mit 79 von 100 Punkten als zufriedenstellend bewertet.
Die schwebende Menüleiste der mobilen Version erleichtert die Navigation und ermöglicht einen schnellen Zugriff auf die auf mobilen Endgeräten gut lesbaren Inhalte. Besonders die orangefarbenen Links und CTA-Buttons fallen auf kleinen Bildschirmen auf und animieren zum Handeln.
Im Performance-Test von PageSpeed Insights wurde eine vergleichsweise lange Ladezeit von 8,2 Sekunden festgestellt, die dazu führte, dass die mobile Seite mit 37 von 100 Punkten nur unterdurchschnittlich bewertet wurde. Auch im Praxistest mit dem Handy wurden leichte Verzögerungen beim Seitenaufbau festgestellt.
München, Deutschland
Adler Renovierung ist ein Handwerksbetrieb aus München, spezialisiert auf Wohnungs- und Hausrenovierungen, Badsanierungen und Trockenbauarbeiten. Das Unternehmen setzt für Aufträge ein Team aus erfahrenen Fachkräften und professionellen Handwerkern ein. Die Website präsentiert die Leistungen professionell in einem zeitlosen Farbschema aus Rot, Weiß, Grau und Braun.
Die Projektbilder unterstützen die Beschreibung der Dienstleistungen und vermitteln einen positiven Eindruck von der Qualität der Arbeit. Scroll-Animationen von Text- und Bildelementen sorgen für eine dynamische und moderne Darstellung der Seite.
WAVE konnte beim Barrieretest der Website keine Fehler feststellen, und beim Performance-Test von PageSpeed Insights erhielt die Seite 100 von 100 Punkten für die Anwendung von Best Practices bei der Ladezeit. Bilder abgeschlossener Projekte vermitteln Know-how und Erfahrung. Die Kontaktdaten sind leicht zugänglich und die CTAs klar und verständlich.
Ein Online-Kontaktformular statt einer Handynummer oder E-Mail-Adresse würde es erleichtern, einen Termin zu vereinbaren oder eine Anfrage zu stellen. Obwohl der Handwerksbetrieb bei Google gut bewertet wird, sind Kundenbewertungen nicht in die Website integriert. Es fehlt eine Vorstellung des Teams, um der Seite eine persönliche Note zu geben.
Auf einem Desktop-Gerät kommt das Hero-Bild mit dem Logo eindrucksvoll zur Geltung und vermittelt Kompetenz, Qualität und Selbstbewusstsein. Die Fixierung der Menüleiste mit den Kontaktdaten am Seitenanfang erleichtert die Navigation und den Zugang zu den Beschreibungen der Dienstleistungen. Allerdings ist der Link zum Impressum an dieser Stelle unnötig und lenkt von den wichtigeren Rubriken ab.
Die roten CTA-Buttons fügen sich gut in das Design der Website ein und motivieren Besucher, mehr über das handwerkliche Angebot zu erfahren.
Die Website ist gut für mobile Endgeräte optimiert, auch wenn das eindrucksvolle Zusammenspiel von Hero-Bild und Logo auf kleineren Bildschirmen im Vergleich zur Desktop-Version etwas verloren geht. Das wichtige Kundenversprechen bleibt jedoch auch auf Handybildschirmen gut lesbar. Die Ladezeit der mobilen Seite erzielte im Performance-Test von PageSpeed Insights akzeptable 66 von 100 Punkten.
Der Farbbanner mit den Kontaktdaten ist in der mobilen Version nicht fixiert, was die Kontaktaufnahme erschwert. Ein schwebender Click-to-Contact-Button würde dieses Problem schnell beheben.
Berlin, Deutschland
AHW Berlin ist ein Handwerksbetrieb, der Bodenverlegungen, Baumontagen, Türinstallationen, Maler- und andere Renovierungsarbeiten für vorwiegend private, aber auch gewerbliche Kunden anbietet. Die Website enthält zahlreiche Bilder von abgeschlossenen Projekten, die Kompetenz und Erfahrung vermitteln.
Im Gegensatz zu vielen anderen Handwerker-Websites betreibt AHW Berlin einen Blog, in dem die Firma Besuchern anhand aktueller Aufträge Tipps gibt. Die Einbindung von Kundenstimmen und Informationen über das Unternehmen tragen zur Vertrauensbildung bei und geben der Seite eine persönliche Note.
Im Performance-Test von Google PageSpeed Insights erreicht die Website 100 von 100 Punkten für die Suchmaschinenoptimierung. Informationen zu Öffnungszeiten und Kontaktdaten sowie zu den angebotenen Dienstleistungen und durchgeführten Projekten sind leicht zugänglich. Die Liste der Gründe für AHW Berlin unterstreicht die Kompetenz der Firma.
Es fehlen Porträtfotos des Inhabers, die dem Handwerksbetrieb ein Gesicht geben und die Vertrauensbildung unterstützen würden. WAVE hat zahlreiche Probleme mit den Farbkontrasten auf der Seite festgestellt, insbesondere die Texte in den Vorschaubildern des Blogs sind schwer lesbar. Die Kundenreferenzen könnten prominenter platziert werden.
Auf Desktop-Geräten wirkt die Website strukturiert und übersichtlich, aber eine Slideshow oder zumindest ein Hero-Bild anstelle des grauen Farbbanners würde der Seite mehr Dynamik verleihen. Empfehlenswert wäre es, die Kundenbewertungen etwas weiter oben auf der Seite zu platzieren.
Der Back-to-Top-Button erleichtert die Navigation zur Menüleiste am Seitenanfang. Wünschenswert wären mehr Handlungsaufforderungen, insbesondere bei der Darstellung der Hauptleistungen, positiv ist jedoch die farbliche Hervorhebung des Kontakt-Buttons am Seitenanfang. Wäre dieser jedoch schwebend, wäre er auch beim Scrollen sichtbar.
Auch auf mobilen Endgeräten wird die Website strukturiert dargestellt, allerdings fallen hier die fehlenden CTAs bzw. Links bei der Darstellung der Kerndienstleistungen stärker auf als bei der Desktop-Version. Die Gründe am Ende der Seite, die für eine Beauftragung des AHW Berlin sprechen, sind schon für ein Desktop-Gerät sehr textlastig, auf kleinen Bildschirmen aber noch schwerer zu lesen.
Ein Click-to-Call-Button würde die Kontaktaufnahme mit dem Handy erleichtern. Die Ladezeit der mobilen Seite war im Performance-Test von PageSpeed Insights mit 63 von 100 Punkten zufriedenstellend.
Hamburg, Deutschland
P&J Nouri bietet handwerkliche Dienstleistungen rund um Haus und Garten in Hamburg an und ist an sieben Tagen in der Woche für Kunden da. Das Leistungsversprechen wird durch einen dynamischen Internetauftritt mit professionellen Bildern und Videos, gut geschriebenen Texten und frischen grünen Farbakzenten ansprechend präsentiert.
Auffällig ist, dass die Google-Bewertungen nicht in die Homepage eingebunden sind und außer dem Firmenvideo keine weiteren Informationen über die Firma zur Verfügung stehen, um den Vertrauensaufbau zu unterstützen, was angesichts der Betonung des Servicegedankens wichtig wäre. Mehr CTA-Buttons könnten Besucher zusätzlich zum Handeln motivieren.
Bilder der angebotenen Leistungen und das Firmenvideo vermitteln einen guten Eindruck von der Qualität der Arbeit. Der Link zur Facebook-Firmenseite am Anfang der Seite lädt zur Interaktion ein. Die Aufforderung, ein kostenloses und unverbindliches Angebot anzufordern, motiviert. PageSpeed Insights bewertet SEO und Best Practices mit Bestnoten.
Eine Rubrik mit Informationen zur Firma und Bilder des Teams fehlen. Die Kundenreferenzen bestehen nur aus zwei Bildern, was sich negativ auf die Vertrauensbildung auswirkt. Der Link zum Online-Kontaktformular sollte nicht am Seitenende, sondern weiter oben platziert werden. WAVE hat zahlreiche Farbkontrastprobleme festgestellt.
Das weiß-grüne Farbschema wirkt auf großen Bildschirmen ansprechend und die Informationen über die Handwerksleistungen sind dank der fixierten Menüleiste am Seitenfang und dem Back-to-Top-Button leicht zugänglich. Wünschenswert wäre jedoch, wenn der in der Leiste graue Button mit der Kontaktseite verlinkt wäre, um den Zugang zum Online-Kontaktformular für Desktop-Nutzer zu erleichtern.
Die schnelle Ladezeit trägt zur positiven Nutzererfahrung bei. Im Performance-Test von PageSpeed Insights wurde die Leistung der Desktop-Website mit 93 von 100 Punkten bewertet.
Auf mobilen Geräten geht die Wirkung der Hero-Bilder auch durch den Logo-Button und den Slogan in der Textbox verloren. Positiv ist dagegen, dass die in der schwebenden Menüleiste platzierte Telefonnummer beim Anklicken die Telefon-App aktiviert und so eine schnelle Kontaktaufnahme möglich ist.
Der Slider mit der Übersicht der Handwerksleistungen verleiht der Website einen interaktiven Touch. Manche Informationen sind jedoch für die Ansicht auf Handybildschirmen zu textlastig. Dafür überzeugte auch die mobile Version der Website im Performance-Test von PageSpeed Insights mit 95 von 100 Punkten durch eine schnelle Ladezeit.
https://www.handymanservice.ch/
Zürich, Schweiz
handymanservice.ch von Peter Brüderlein bietet Handwerksarbeiten, Reparaturen, Wartungen, Montagen und Installationen für Privat- und Geschäftskunden im Großraum Zürich an. Die sympathischen Porträtbilder auf der Website zeigen die Freude des Inhabers und seines Teams an der Arbeit, während die Fotos von den Referenzprojekten Erfahrung suggerieren.
Die Texte über das Unternehmen und die angebotenen Dienstleistungen sind kurz und bündig formuliert und erleichtern dadurch die Lesbarkeit, aber vermitteln dennoch Kompetenz, obwohl Nachweise in Form von Zertifizierungen und Kundenbewertungen auf der Website fehlen.
Die Kontaktdaten und das Onlineformular sind leicht zugänglich und die klaren Preisangaben schaffen Transparenz. Die kurzen Texte beschreiben die Handwerkerleistungen verständlich und leicht lesbar. Im Performance-Test von PageSpeed Insights erhielt die Website für den Bereich SEO mit 100 von 100 Punkten die Bestnote.
Informationen zu den Öffnungszeiten werden nicht veröffentlicht. Mehr Details zu Referenzprojekten würden die Kompetenz unterstreichen. WAVE fand zahlreiche verlinkte Bilder ohne Alternativtext, die sich negativ auf die Barrierefreiheit auswirken können. Einige Logos der Referenzkunden sind nicht hochauflösend, was unprofessionell wirkt.
Die Slideshow im Hero-Bereich verleiht der Website auf Desktop-Geräten einen dynamischen Touch. Allerdings geht der Kontakt-Button im schwarzen Kasten selbst auf größeren Bildschirmen durch den dunklen Filter über den Bildern etwas unter. Beim Scrollen wird die nicht fixierte Menüleiste am Seitenanfang durch einen Back-to-Top-Button ersetzt.
Im Performance-Test von PageSpeed Insights erreichte die Desktop-Website 68 von 100 Punkten für die Leistung, was akzeptabel ist. In den Bereichen SEO, Barrierefreiheit und Best Practices schnitt sie mit jeweils über 90 von 100 Punkten jedoch deutlich besser ab.
Die Navigation auf mobilen Geräten erscheint durch die fixierte Menüleiste und den Back-to-Top-Button fast noch einfacher als auf Desktop-Geräten. Allerdings wäre ein Click-to-Call-Button in der Menüleiste, die viel Weißraum aufweist, empfehlenswert, um die Kontaktaufnahme per Handy zu erleichtern.
Die Aufmacherbilder auf den Unterseiten sind teilweise abgeschnitten und verlieren zudem durch die darüber platzierten Texte an Wirkung. Im Performance-Test von PageSpeed Insights erzielte die mobile Website akzeptable 56 von 100 Punkten, obwohl im Praxistest einige Fotos der Bildergalerie etwas länger zum Laden brauchten.
Lassen Sie sich von unserer Liste mit Beispielen für Handwerker-Websites, die auch eine Bewertung der einzelnen Internetauftritte für Desktop- und mobile Geräte enthält
Die Kosten variieren im Schnitt zwischen 200,00 € und 4.000,00 €, abhängig vom Umfang der benötigten Dienstleistungen. Alternativ können Sie eine professionelle Homepage mit unserem kostenlosen KI-Website-Builder für Handwerker erstellen.
Die meisten Anbieter handwerklicher Dienstleistungen nutzen Social Media und Online-Marketing zur Kundengewinnung. Die Erstellung einer guten Website mit Kundenreferenzen und Vorher-Nachher-Fotos oder -Videos ist dabei ein wichtiges Instrument.
