ABCcut Hamburg: WordPress für Werbetechnik

Ein traditioneller Handwerksbetrieb wagt den Sprung ins digitale Zeitalter - diese spannende Herausforderung erwartete mich im Sommer 2019. Als Jens Hofmann, Inhaber von ABCcut, auf mich zukam, hatte er eine klare Vision: Sein umfangreiches handwerkliches Know-how sollte optimal im digitalen Raum präsentiert werden, ohne dabei die traditionellen Wurzeln zu verlieren.

ABCcut Startseite mit Unternehmensvorstellung und Hauptnavigation

Der Weg zur digitalen Präsenz

Die Gespräche mit Jens zeigten den Umfang der Aufgabe. ABCcut ist ein vielseitiger Handwerksbetrieb - das Leistungsspektrum reicht von klassischer Folienbeschriftung bis hin zu moderner Lichtwerbung. Diese Vielfalt mussten wir für abccut.de (öffnet in neuem Tab) klar strukturieren.

Das Handwerk in Struktur gebracht

Nach einer gründlichen Analyse entwickelte ich eine passende Struktur für das Leistungsportfolio von ABCcut. Die Hauptaufgabe dabei: Die verschiedenen Handwerksleistungen übersichtlich und nutzerfreundlich darzustellen.

Das Ergebnis war eine klar strukturierte Navigation mit zehn spezialisierten Leistungsbereichen:

Folienbeschriftung
Fahrzeugbeschriftung
Digitaldruck
Sticken
Banner und Flaggen
Stempel
Laser-Gravuren
Schilder
3D-Buchstaben
Lichtwerbung

Jeder Bereich bekam seinen eigenen Abschnitt auf der Website. Dabei war mir wichtig, die handwerkliche Expertise zu zeigen und gleichzeitig eine einfache Navigation zu gewährleisten.

Fahrzeugbeschriftung Beispiel Falck Transporter

Die Galerie: Handwerk zeigen statt erklären

Für die Präsentation der Arbeitsproben haben wir uns für eine klassische Galerie entschieden. Jens hatte über die Jahre viele Fotos seiner Projekte gesammelt - von kleinen Stempeln bis zu großen Fahrzeugbeschriftungen. Diese wollten wir den Website-Besuchern zugänglich machen.

Galerie-Übersicht der ABCcut Handwerksarbeiten: Stempel, Gravuren und Beschriftungen

Die Umsetzung ist bewusst einfach gehalten: Ein Grid-Layout zeigt die Projekte in der Übersicht. Per Klick öffnet sich eine größere Ansicht mit Details zur jeweiligen Arbeit. Das Design tritt dabei in den Hintergrund - die handwerkliche Qualität steht im Vordergrund.

Die wichtigsten Punkte der Galerie:

Rasteransicht für schnellen Überblick
Große Bildansichten auf Klick
Nach Arbeitsbereichen sortiert
Funktioniert auf allen Bildschirmgrößen

Übersicht der ABCcut Handwerksarbeiten in der Galerie — Mobile Ansicht der Galerie-Seite.

Zwischen Tradition und Innovation

Bei der Umsetzung bin ich behutsam vorgegangen. Die bestehende Website hatte ihre Stammkundschaft, die wir nicht verwirren wollten. Stück für Stück haben wir das Design und die Struktur aktualisiert.

Digitale Herausforderung: Eine Lektion in Krisenbewältigung

Im November 2020 wurde die Website Opfer einer größeren Angriffswelle auf WordPress-Installationen. Durch ein fehlendes Sicherheitsupdate durch den Systemadministrator gelang es Angreifern, unerwünschten Content auf der Website zu platzieren.

Meine Aufgaben in dieser Situation:

Identifizierung und Entfernung des eingeschleusten Contents
Installation und Konfiguration zusätzlicher Sicherheitsplugins
Überprüfung möglicher SEO-Auswirkungen via Google Search Console
Installation eines Sicherheitsplugins

Durch schnelles Handeln konnten ich die Website zügig bereinigen und mit verbesserten Sicherheitsmaßnahmen ausstatten. Ein wichtiger Lerneffekt aus diesem Vorfall: Regelmäßige Sicherheitsupdates und proaktives Monitoring sind unverzichtbar für den sicheren Betrieb einer WordPress-Installation.

Das Ergebnis: Schnell und solide

Die neue Website ging nach wenigen Wochen Entwicklungszeit online. Das war möglich, weil von Anfang an klar war, was zu tun ist: WordPress kenne ich seit über 10 Jahren, die technischen Anforderungen waren definiert und mit Jens hatte ich einen Kunden, der wusste, was er wollte.

Was gut funktioniert hat:

Wöchentliche kurze Abstimmungen
Direkte Rückmeldungen zu Änderungswünschen
Klare Aufgabenliste, die ich Punkt für Punkt abgearbeitet habe

Die Besucher der Website finden sich gut zurecht - das zeigen die Rückmeldungen der Kunden von ABCcut. Sie schätzen vor allem die übersichtliche Darstellung der verschiedenen Handwerksleistungen.

Die Zusammenarbeit mit Jan Raap bei der Neugestaltung meiner Website abccut.de war äußerst erfreulich. Jan verlieh meinem Online-Auftritt eine moderne und ansprechende Note, und war stets professionell und sachkundig. Vielen Dank, Jan, für deine ausgezeichnete Arbeit!

Jens Hofmann Inhaber · ABCcut

Was ich gelernt habe

Das Projekt hat gezeigt, worauf es bei der digitalen Transformation von Handwerksbetrieben ankommt. Der Erfolg basiert auf drei wesentlichen Säulen:

Die Digitalisierung muss zum Unternehmen passen - nicht jeder Trend muss mitgemacht werden
Schnelle, aber durchdachte Umsetzung spart Zeit und Geld im Mittelstand
Auch im Handwerk sind regelmäßige Updates und Wartung unverzichtbar

Die neue Website von ABCcut zeigt, wie die Verbindung von traditionellem Handwerk und digitaler Präsenz authentisch gelingen kann.

So schnell lädt die Seite

Kurz gesagt: Ungedrosselt steht der Begrüßungstext nach 0,8 Sekunden, auf einem gedrosselten Telefon nach 1,9.

Gut: Begrüßungstext sichtbar

0,8 s

Google zählt alles unter 2,5 s als gut. Auf einem gedrosselten Telefon sind es 1,9 s, beide Läufe stehen in der Tabelle. Größtes sichtbares Element ist der Text, kein Bild.
Gut: Springen beim Laden

0,02

Die Gut-Schwelle liegt bei 0,1. Unter Drosselung springt der Text beim Nachladen der Schriften auf 0,23.
Gut: Antwortzeit des Servers

0,7 s

Bis die Seite von der WordPress-Installation ankommt. Google wertet unter 0,8 s als gut.
Verbesserungswürdig: Anfragen an fremde Server

6

Sechs Dateien kommen von fonts.gstatic.com, dem Schrift-Dienst von Google.

Alle Messwerte im Detail

Merkmal	gedrosselt (mobil)	ungedrosselt
Largest Contentful Paint (LCP) Largest Contentful Paint im Glossar	1,9 s	0,8 s
Erster sichtbarer Inhalt (FCP)	1,9 s	0,8 s
Antwortzeit des Servers (Dokument-TTFB)	0,7 s	0,7 s
Renderverzögerung nach Serverantwort	1,2 s	0,1 s
LCP-Element	Begrüßungstext (Textabsatz)	Begrüßungstext (Textabsatz)
Ladeereignis	4,0 s	1,0 s
Cumulative Layout Shift (CLS) Cumulative Layout Shift im Glossar	0,23	0,02
HTTP-Requests HTTP-Request im Glossar	17	17
Anfragen an Dritt-Server Third-Party-Request im Glossar	6 (fonts.gstatic.com)	6 (fonts.gstatic.com)
Übertragene Daten gesamt	403,5 KB	403,5 KB
Transfer der Schriften Webfont im Glossar (7 Dateien)	239 KB	239 KB
Transfer der Skripte (4 Dateien)	104 KB	104 KB
Transfer der Stylesheets (3 Dateien)	15,6 KB	15,6 KB
Transfer der Bilder (1 Datei)	20 KB	20 KB

Was die Messung sonst zeigt: Ohne Drosselung steht der Begrüßungstext nach 0,8 Sekunden, der Server antwortet in 0,7 Sekunden. Darauf lässt sich aufbauen: Onpage-SEO war 2019 nicht Teil des Auftrags, mit einer heutigen technischen SEO-Optimierung ließe sich die Sichtbarkeit von abccut.de weiter ausbauen.