White Label Design System Footer Redesign

Greentube GmbH

Rolle:

Zeitraum:

Gesamtes UI-Design

Jul – Aug 2025

80% kleinerer Footer im White-Label Design-System

Greentube Footer Redesign – Geräte-Mockups

Über das Projekt

  • Greentube GmbH verfügt über ein White-Label-Design-System, das zum Zeitpunkt dieses Redesigns für 7 Mobile-First-Produkte in 5 Ländern eingesetzt wird.

 

  • Die Produkte, für die das Design-System verwendet wird:
    • AdmiralBet Germany
    • AdmiralBet Spain
    • Admiral Casino United Kingdom
    • Admiral Casino Switzerland
    • StarVegas Switzerland
    • StarGames Germany
    • Lotterie Sport Luxembourg

Probleme

Das Footer-Design wurde lange nicht gepflegt, das Design ist inkonsistent und in einigen Footern hat sich so viel SEO-Text angesammelt, dass die Nutzerfreundlichkeit leidet, die Navigation ist dadurch schwierig geworden.

Ziele

  1. Eine Footer-Struktur entwerfen, die für alle 7 Produkte und alle erforderlichen Sprachen gut funktioniert. Ein Produkt benötigt möglicherweise 20+ Anbieter-Logos, ein anderes nur 4.

 

  1. Die Größe des Footers reduzieren. Im extremsten Fall (StarGames Germany) nimmt der alte Footer aufgrund der Menge an SEO-Text mehr als 8 Viewports ein.

 

  1. Die Usability des Footers verbessern. Die alten Footer scheinen eher SEO-Algorithmen als Nutzerinnen und Nutzern zu dienen.
Gutes Design an sich lässt Nutzerinnen und Nutzer das Produkt als vertrauenswürdiger wahrnehmen – das ist besonders wichtig, wenn es darum geht, rechtlich und finanziell bindende Informationen zu präsentieren.

Das Ergebnis

Fast der gesamte SEO-Text ist hinter einem Umschalter verborgen
Die Reihenfolge der Elemente wurde entsprechend ihrer Wichtigkeit geändert
Absätze wurden in Textboxen gegliedert, um die Lesbarkeit zu verbessern
Alle Zahlungslogos sind in Farbe und ihre Größe ist angepasst, damit sie einheitlicher wirken
Der Footer nimmt nun trotz mehr Informationen weniger Platz ein
Neue Anbieter-Logos wurden hinzugefügt

Neues Mobile-Design

Neues mobiles Footer-Design

Altes Mobile-Design

Altes mobiles Footer-Design
Der SEO-Text ist abgeschnitten. Die volle Länge des Footers beträgt 10 Viewports
Die Logos sind in Schwarz-Weiß weniger erkennbar
Jedes Logo hat die gleiche Höhe, aber die Größen wirken aufgrund unterschiedlicher Proportionen verschieden

Neues Browser-Design

Alle Logos sind zentriert ausgerichtet, in vollständigen Reihen angeordnet und in Farbe
Neues Browser-Footer-Design

Altes Browser-Design

Auch hier ist der SEO-Text abgeschnitten
Altes Browser-Footer-Design

Größte Verbesserung –
bis zu 80 % Größenreduktion

Neuer Footer Alter Footer

Gesamtreduktion für alle Produkte

AdmiralBet Germany

Mobile – 15 %

Desktop – 30 %

 

AdmiralBet Spain

Mobile – 63 %

Desktop – 80 %

 

Admiral Casino UK

Mobile – 63 %

Desktop – 70 %

 

Admiral Casino CH

Mobile – 16 %

Desktop – 22 %

StarVegas Switzerland

Mobile – 14 %

Desktop – 9 %

 

StarGames Germany

Mobile – 76 %

Desktop – 75 %

 

Lotterie Sport LU

Mobile – 42 %

Desktop – 33 %

Weitere Beispiele

Lotterie Sport Luxembourg Footer

LSL mobiler Footer
LSL Desktop-Footer

StarGames Germany Footer

StarGames mobiler Footer StarGames Desktop-Footer

Kontaktieren Sie mich für ein Angebot!

Gutes UX-Design ist eine Investition, die sich durch höhere Conversion und stärkere Ergebnisse auszahlt.

E-Mail LinkedIn