Onlineshop für Shell Tankgutscheine

Q: Welches Problem hatte der Kunde?

Shell benötigte einen Onlineshop für Tankgutscheine , der sowohl Privat- als auch Geschäftskunden gezielt anspricht und sich nahtlos in das bestehende Corporate Design einfügt. Gleichzeitig sollte die Benutzerführung verbessert werden, damit Besucher schnell zum passenden Angebot gelangen und der Bestellprozess möglichst intuitiv abläuft.

Q: Wie konnte das Problem gelöst werden?

Für Shell wurde ein neuer Onlineshop mit einem durchdachten Navigations- und UX-Konzept entwickelt. Die Bereiche für B2C- und B2B-Kunden wurden klar voneinander getrennt, ohne den einheitlichen Markenauftritt zu verlieren. Ergänzend sorgen aufmerksamkeitsstarke Grafiken, ein informativer Startseiten-Slider und optimierte Produktseiten für eine zielgerichtete Nutzerführung.

Q: Wie wurde sichergestellt, dass das Problem in Zukunft nicht mehr auftritt?

Der Shop wurde auf Basis einer klar strukturierten Informationsarchitektur entwickelt, sodass Inhalte und Angebote übersichtlich präsentiert und bei Bedarf erweitert werden können. Die konsequente Orientierung am Corporate Design sowie das benutzerfreundliche Navigationskonzept schaffen eine langfristig konsistente Nutzererfahrung für Privat- und Geschäftskunden.

Q: Was wurde beim Datenschutz (Sicherheit, Performance, SEO, …) optimiert?

Im Mittelpunkt standen insbesondere Benutzerfreundlichkeit, Conversion-Optimierung und SEO . Die Seitenstruktur wurde übersichtlich gestaltet und die Navigation vereinfacht, damit Besucher schneller zum gewünschten Produkt gelangen. Zusätzlich unterstützt die klare Informationsarchitektur eine bessere Auffindbarkeit in Suchmaschinen und schafft eine angenehme Nutzererfahrung auf allen relevanten Seiten.

Q: Warum war der Relaunch notwendig?

Der neue Onlineshop sollte die Benutzerführung verbessern und die unterschiedlichen Anforderungen von Privat- und Geschäftskunden gezielt berücksichtigen. Gleichzeitig war es wichtig, den Shop konsequent im Corporate Design von Shell umzusetzen und eine moderne Grundlage für eine höhere Conversion sowie eine professionelle Präsentation der Tankgutscheine zu schaffen.

Shell Deutschland

Projektbeschreibung

Für unseren Kunden Shell gestalteten wir einen Onlineshop für Shell Tankgutscheine. Der neu durchdachte Shop hält sich an das bisherige Corporate Design der Deutschen Shell Holding GmbH und gliedert sich so hervorragend in das Erscheinungsbild des Kunden ein. Der von uns gestaltete Shell Tankgutscheine Onlineshop überzeugt vor allem durch seine sehr gute Benutzerführung und seine ansprechenden Grafiken.

Unsere Leistungen

Über den Kunden

Shell ist ein globales Energienunternehmen, dessen Ziel es ist den Energiebedarf von Millionen Haushalten jetzt und in Zukunft mit Gas und Öl zu decken. Erster Standort in Deutschland war eine Raffinerie in Mohnheim. Mit mehr als 85.000 Mitarbeitern in 70 Ländern ist Shell mittlerweile eines der führenden Unternehmen in ihrer Branche.

Der Onlineshop

Der Onlineshop für die Shell Tankgutscheine wurde im Rahmen der vorgegebenen Corporate Design Richtlinien erstellt. Hierbei wurde besonderes Augenmerk auf die Usability gelegt. Die zwei Bereiche B2C (Privatkunden) und B2B (Geschäftskunden) sollten klar voneinander getrennt, jedoch optisch ähnlich dargestellt werden.

Das Konzept

Zu Beginn wurde ein schlüssiges Navigationskonzept ausgearbeitet, dessen Hauptaufgabe die Verbesserung der Benutzerführung war. Dafür wurden alle Inhaltsseiten nach den neuesten gestalterischen Gesichtspunkten designt und erstellt. Eine Erhöhung der Conversions wurde ebenfalls angestrebt.

Designelemente

Der Slider ist auf der neu gestalteten Startseite ein besonderer Hingucker. Dieser erfüllt nicht nur die wichtige Funktion den Kunden bereits in den ersten Sekunden abzuholen und die Aufmerksamkeit auf sich zu lenken, sondern transportiert auch einen Mehrwehrt. Denn in den perfekt in Szene gesetzten Milieubildern der Model-Sets werden zu den Produkten die dazugehörigen Preise anzeigt.

Jedes Model-Set wird einzeln mit Name, Beschreibung, kurzen Stichpunkten und kleinen Vorschaubildern der Einzelartikel dargestellt, wobei die wichtigen Kollektionen zu Beginn angezeigt werden.

Durch Klick auf den Artikel gelangt der User umgehend und ohne Umwege auf die Artikeldetailseite des jeweiligen Produktes.

Sehr viel Wert wurde auch auf die Wahl der einzelnen verwendeten Bilder gelegt. Die Bildsprache, -stimmung und -farbgebung sind ausschlaggebende Kriterien, wie ein Bild vom Benutzer wahrgenommen wird. So können mittels bedacht gewählter Grafiken sehr viele Gefühle und bestimmte Eindrücke vermittelt werden.

Auf der Landing Page Shell Tankgutscheine für Privatkunden sollten zum Beispiel keine geschäftlichen Kunden, sondern private Kunden angesprochen werden. Hier wären Bilder von Businessleuten oder Geschäftspartnern in Anzügen fehlplatziert.

Daher wurde hier ein Bild einer glücklichen Familie ausgewählt. Der Bezug zu Shell wird durch das rote Auto und die retuschierten Shell Tankgutscheine geschaffen.

Jedes Model-Set wird einzeln mit Name, Beschreibung, kurzen Stichpunkten und kleinen Vorschaubildern der Einzelartikel dargestellt, wobei die wichtigen Kollektionen zu Beginn angezeigt werden.

Durch Klick auf den Artikel gelangt der User umgehend und ohne Umwege auf die Artikeldetailseite des jeweiligen Produktes.

Daher wurde hier ein Bild einer glücklichen Familie ausgewählt. Der Bezug zu Shell wird durch das rote Auto und die retuschierten Shell Tankgutscheine geschaffen.

Häufige Fragen

Welches Problem hatte der Kunde?

Shell benötigte einen Onlineshop für Tankgutscheine, der sowohl Privat- als auch Geschäftskunden gezielt anspricht und sich nahtlos in das bestehende Corporate Design einfügt. Gleichzeitig sollte die Benutzerführung verbessert werden, damit Besucher schnell zum passenden Angebot gelangen und der Bestellprozess möglichst intuitiv abläuft.

Wie konnte das Problem gelöst werden?

Für Shell wurde ein neuer Onlineshop mit einem durchdachten Navigations- und UX-Konzept entwickelt. Die Bereiche für B2C- und B2B-Kunden wurden klar voneinander getrennt, ohne den einheitlichen Markenauftritt zu verlieren. Ergänzend sorgen aufmerksamkeitsstarke Grafiken, ein informativer Startseiten-Slider und optimierte Produktseiten für eine zielgerichtete Nutzerführung.

Wie wurde sichergestellt, dass das Problem in Zukunft nicht mehr auftritt?

Der Shop wurde auf Basis einer klar strukturierten Informationsarchitektur entwickelt, sodass Inhalte und Angebote übersichtlich präsentiert und bei Bedarf erweitert werden können. Die konsequente Orientierung am Corporate Design sowie das benutzerfreundliche Navigationskonzept schaffen eine langfristig konsistente Nutzererfahrung für Privat- und Geschäftskunden.

Was wurde beim Datenschutz (Sicherheit, Performance, SEO, …) optimiert?

Im Mittelpunkt standen insbesondere Benutzerfreundlichkeit, Conversion-Optimierung und SEO. Die Seitenstruktur wurde übersichtlich gestaltet und die Navigation vereinfacht, damit Besucher schneller zum gewünschten Produkt gelangen. Zusätzlich unterstützt die klare Informationsarchitektur eine bessere Auffindbarkeit in Suchmaschinen und schafft eine angenehme Nutzererfahrung auf allen relevanten Seiten.

Warum war der Relaunch notwendig?

Der neue Onlineshop sollte die Benutzerführung verbessern und die unterschiedlichen Anforderungen von Privat- und Geschäftskunden gezielt berücksichtigen. Gleichzeitig war es wichtig, den Shop konsequent im Corporate Design von Shell umzusetzen und eine moderne Grundlage für eine höhere Conversion sowie eine professionelle Präsentation der Tankgutscheine zu schaffen.