Max Baasner
DE/EN
Gga Maur · 2024Case Study

GGA Maur: Website-Redesign innerhalb bestehender Markenvorgaben

Redesign innerhalb bestehender Markenvorgaben. Mit modularen Templates und einer neuen mobilen Seitenstruktur.

RedesignBrandingE CommerceCorporate Website

Ergebnis in einem Satz

Wiederverwendbare Templates für Produkt- und Kampagnenseiten.

Meine Rolle

UX Designer, UI Designer, UX Writer

Im Team mit

Produkt Manager · Brand Manager · Marketing Manager · Front End Entwickler · Content Manager Publisher

01Situation

Eine große Out-of-Home-Kampagne stand an. Die Website dahinter war nicht bereit dafür.

Kampagne als Auslöser

GGA Maur brauchte einen modernen Webauftritt als Landepunkt der Kampagne.

Veralteter Bestand

Die alte Website war strukturell wie visuell aus der Zeit gefallen und bot kaum Nutzerführung.

Bestehende Markenvorgaben

Das Redesign musste sich exakt an bestehende Corporate-Design-Vorgaben halten.

02Komplikation

Struktur und Nutzerführung mussten innerhalb der bestehenden Markenvorgaben verbessert werden.

Verbindliche Gestaltungsvorgaben

Schriftgrössen, Abstände und Raster waren vorgegeben.

Struktur und Hierarchie

Die neue Informationsarchitektur sollte das Angebot leichter zugänglich machen.

Zwei Freigabeinstanzen

Brand- und Produktmanagement mussten jede Entscheidung mittragen.

03Vorgehen

Ich habe den Spielraum dort gesucht, wo er lag: in Struktur, Modularität und mobiler Umsetzung.

Modulare Templates

Wiederverwendbare Seitenbausteine für Produkt-, Kampagnen- und Landingpages statt Einzelanfertigungen.

Mobile Gestaltung

Seitenstruktur und Templates zuerst für kleine Bildschirme entwickelt.

Designentscheidungen offengelegt

Jede Entscheidung wurde hergeleitet und begründet. Das hat Freigaben beschleunigt.

04Ergebnisse

Komplettes Redesign

Haupt- und Kampagnenseiten neu strukturiert und gestaltet.

Wiederverwendbare Templates

Bausteine für weitere Produkt- und Kampagnenseiten.

Vorher · Nachher
Vorher
Vorher
Nachher
Nachher
Methoden
Co Creation SessionsUX WritingPrototypingHeuristische Evaluation
Werkzeuge
Figma

Was ich daraus mitnehme

Entscheidungen begründen

Nachvollziehbare Designentscheidungen erleichterten die Abstimmung.

Enge Guidelines sind kein Ausschlusskriterium

Der Hebel liegt dann in Struktur, Rhythmus und Hierarchie, nicht in neuen Farben.

Frühe Einbindung spart Runden

Brand- und Produktmanagement als Mitgestalter statt als Freigabeinstanz zu behandeln, hat das Projekt spürbar beschleunigt.

Weitere Projekte
max.baasner@gmail.comE-MailAlle ProjekteArchiv