Website Relaunch
2018 - 2019
ABUS x Pascher & Heinz
01
ABUS ist als Sicherheitsmarke bei Bikern, Pendlern und Sport-Communities fest verankert - der damals bestehende Webauftritt bildete diese Strahlkraft jedoch nicht mehr ab. Produktvielfalt, Markengeschichte und die klare Positionierung „Made in Germany“ verliefen sich in einer Struktur, die weder responsiv noch modular genug war, um das wachsende Produktportfolio zu tragen. Der Relaunch sollte mit dem Bereich Mobile Sicherheit beginnen und das Fundament für alle weiteren Sortimentswelten legen.
Statische Templates bildeten die Produktwelt nicht mehr ab — Modularität fehlte komplett.
Mobile Sicherheit, Alarm & Brandschutz erzählten keine gemeinsame Markengeschichte.
„Made in Germany" blieb digital unsichtbar - kein visueller Anker für den Markenkern.
Touchpoints zwischen Smartphone, Tablet und Desktop zerfielen - kein Responsive-Fundament.
Einblicke: Grunddesign
Enwicklung eines durchgehenden Teaserstyles
02
Im engen Zusammenspiel mit der Agentur Pascher & Heinz habe ich die digitale Art Direction übernommen und parallel UX- und UI-Design verantwortet. Ausgangspunkt war ein kompromisslos nutzerzentrierter Blick auf die Zielgruppen (Radsportlerinnen, Alltagsfahrer, Händler) und daraus abgeleitete Content- und Conversion-Ziele. Aus dieser Basis entstand ein modulares Design-System, das die gesamte Seite in flexibel kombinierbare Bausteine zerlegt: Produkt-Stages, Kategorie-Teaser, Story- und Editorial-Module sowie Kaufimpulse.
Kunde:
Agentur:
Leistung:
Tools:
Zeitraum:
Leitplanken der Gestaltung: Ein kraftvolles, schwarz-rotes Farbsystem, dynamische Produktbühnen mit großflächiger Bildsprache, kontrastreiche Display-Typografie und ein Grid, das von Mobile First bis Desktop gleichermaßen überzeugt. Prototypen machten die Wirkung früh greifbar und beschleunigten die Abstimmung mit allen Stakeholdern auf Kunden- und Agenturseite.
01
02
03
PROZESS Designsystem
Große Typographie und bildgewaltige Teaser
Produktübersichtsseiten
Kategorieseiten
03
Aus der Research-Phase entstand ein modulares Design-System, das ABUS online genauso klar erkennbar macht wie am Produkt: Reduziert, hochwertig, mit deutlichem Standpunkt zu Sicherheit. Jede Sortimentswelt nutzt dieselbe Bausteinlogik — Produkt-Stages, Kategorie-Teaser, Editorial-Module — und bleibt dennoch eigenständig im Ton.
Das Design-System macht ABUS online so klar erkennbar wie am Produkt: reduziert, hochwertig, mit einem deutlichen Standpunkt zu Sicherheit.
01
02
03
04
Startseite
Grosse Modulsektionen
System mit Fließtext und Bilder
04
Mit dem Relaunch der Sparte Mobile Security hat ABUS einen digitalen Markenauftritt erhalten, der Premium-Anspruch, Produktbreite und Zielgruppen-Nähe zusammenführt. Das modulare System trägt inzwischen weitere Sortimentsbereiche, ohne dass das Corporate Feeling bricht und dient zugleich als Basis für Kampagnen, Händler-Kommunikation und internationalen Rollout.
Premium-Markenanspruch konsistent ins Digitale übertragen.
Produktbreite souverän inszeniert - von Stage über Storytelling bis Conversion.
Modulares System trägt alle folgenden Sortimente ohne Bruch im Corporate-Feeling.
Skalierbare Basis für Kampagnen, Händler-Kommunikation und internationalen Rollout.
„Der Relaunch hat uns eine Plattform gegeben, auf der wir neue Produktwelten innerhalb von Wochen — nicht Monaten — live bringen können."
ROLLOUT · BRANDMOMENT
Launch der Sparte Mobile Security — Start des schrittweisen Rollouts aller Sortimente.
Ähnliche Herausforderungen?
Lassen Sie uns gemeinsam herausfinden, wie strategisches Design Ihr Produkt transformieren kann.
© 2026 Patzwald-Design. Alle Rechte vorbehalten.