--- title: 'ABCcut Hamburg: WordPress für Werbetechnik' url: 'https://janraap.de/referenzen/abccut' markdown: 'https://janraap.de/referenzen/abccut.md' date: '2026-09-09' description: 'Digitale Transformation eines Hamburger Werbetechnik-Betriebs. WordPress-Website mit Divi Builder für Folienbeschriftung, Fahrzeugbeklebung & Lichtwerbung.' taxonomy: category: - webdesign tag: - wordpress --- [Referenzen](https://janraap.de/referenzen) # ABCcut Als traditionelles Handwerk digital wurde ![ABCcut Hamburg Website Übersicht](https://janraap.de/images/3/0/8/a/4/308a4d5415a32f84ca84b7fc807c49dbbe8457d1-abccuthamburgogimage.png) Rolle freier Webdesigner Kunde ABCcut Hamburg (Jens Hofmann) Zeitraum 2019 Ergebnis LCP 0,8 Sekunden ohne Drosselung 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](https://janraap.de/images/c/e/a/d/e/ceadecf91c31d6ddd40a761e9ed0e19a12ddad85-abccutstartseite.png) ## 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](https://www.abccut.de/) 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](https://janraap.de/images/2/2/3/c/e/223ce3043e1026ebec114446bb243753e9b3d384-abccutfahrzeugbeschriftungen.png) ## 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](https://janraap.de/images/e/5/b/b/c/e5bbccdfd7d5dbaee686b29d0737a9b63cd97c05-abccutgaleriedesktop.png) 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](https://janraap.de/images/6/3/4/d/3/634d3493214672a82edde810cefa223204e01a30-abccutgaleriemobil.png) 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](https://janraap.de/wissen/glossar#glossar-largest-contentful-paint) | 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](https://janraap.de/wissen/glossar#glossar-cumulative-layout-shift) | 0,23 | 0,02 | | HTTP-Requests [HTTP-Request im Glossar](https://janraap.de/wissen/glossar#glossar-http-request) | 17 | 17 | | Anfragen an Dritt-Server [Third-Party-Request im Glossar](https://janraap.de/wissen/glossar#glossar-third-party-request) | 6 (fonts.gstatic.com) | 6 (fonts.gstatic.com) | | Übertragene Daten gesamt | 403,5 KB | 403,5 KB | | Transfer der Schriften [Webfont im Glossar](https://janraap.de/wissen/glossar#glossar-webfont) (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](https://janraap.de/leistungen/seo/technische-optimierung) ließe sich die Sichtbarkeit von abccut.de weiter ausbauen. ## Bereit für deine eigene Website? Du beherrschst dein Handwerk und willst auch im Netz überzeugen? Lass uns gemeinsam eine Website entwickeln, die zu dir passt - ohne Schnickschnack, preislich fair und mit Fokus auf dein Können. [ Projekt besprechen ](https://janraap.de/kontakt) --- ## Navigation - Parent: [Referenzen](https://janraap.de/referenzen.md) - Previous: [4 Könige: Filmwebsite für Kinofilm](https://janraap.de/referenzen/4-koenige.md) - Next: [Dentale Fachabrechnung: WordPress-Website](https://janraap.de/referenzen/dentale-fachabrechnung.md)