Website-Facelift im laufenden Betrieb für SWAG

Für eine neue Kampagne sollte die bestehende SWAG-Website umfassend gestalterisch überarbeitet werden. Ein kompletter Relaunch war dafür nicht vorgesehen. Stattdessen sollten neue Seiten und Inhaltselemente entstehen, während vorhandene Inhalte weiterhin nutzbar blieben.

Die Marketingabteilung entwickelte das neue Erscheinungsbild. Q3i beriet zur technischen Machbarkeit und übernahm die Frontend-Umsetzung sowie die Integration in TYPO3.

Herausforderung

Das Facelift betraf zentrale Bestandteile der Website: Typografie, Header, Hero-Bereiche und zahlreiche Inhaltselemente. Gleichzeitig sollte die bestehende Installation weiterlaufen und nicht auf einmal vollständig umgebaut werden müssen.

Die neuen Komponenten mussten mit vorhandenen Seiten und Inhalten kompatibel sein, damit die Redaktion die Website schrittweise in das neue Design überführen kann.

Lösung

Wir überarbeiteten bestehende Elemente und ergänzten sie um neue Layoutvarianten. Dazu gehörten Hero-Bereiche, Produktgruppen, Benefits, Testimonials, Video-Galerien und Newsletter-Teaser. Für bewegte Inhalte integrierten wir animierte SVGs und Videos. Scroll- und Hover-Effekte ergänzten das neue Erscheinungsbild.

Neue und angepasste Elemente stellten wir zunächst als Vorlagen auf einer geschützten TYPO3-Seite bereit. So konnten sie geprüft und anschließend Seite für Seite eingesetzt werden, ohne die gesamte Website auf einmal umzustellen.

Ergebnis

SWAG erhielt ein deutlich überarbeitetes Webdesign, ohne die bestehende TYPO3-Website durch einen vollständigen Relaunch ersetzen zu müssen. Vorhandene Inhalte blieben nutzbar, während die Redaktion neue Seiten und Komponenten schrittweise ausrollen konnte.