UX/UI Design für Schwalbe-E-Roller-Website
Govecs ist einer der führenden Hersteller für Elektroroller in Europa. Die eSchwalbe vereint ein unverwechselbares Retro-Design mit zukunftsorientierter Technik.
Für den Launch der Website zum neusten Modell der eSchwalb kam unser langjähriger Kunde Govecs erneut auf uns zu und beauftragte uns als UX Agentur aus München, ein Website Layout mit passendem Design System zu erstellen.
Services
Projektleitung
Creative Direction
UX / UI Design
Design System
Bildretusche
Konzeption
Launch der Schwalbe-Website
Die Schwalbe als Roller blickt auf eine lange Geschichte zurück. Seit der Markteinführung in den 1960er Jahren hat sie einige Veränderungen durchlebt. Gleich geblieben ist dabei aber immer ihr ikonisches Design. Deshalb legten wir beim Design der Website neben guter Bedienbarkeit besonderen Wert auf eine Fusion von stylischen Nostalgie-Elementen mit einem klaren, modernen Look.
Als Grundlage für das UI Design wählten wir, angelehnt an die Schwalbe mit tiefschwarzer Lackierung, das wir mit viel Whitespace und den knalligen Produktfotos kontrastierten. Vor allem das unverkennbare Schwalbe-Logo wird dadurch zum Hingucker und findet sich auch als prägnantes Retro-Designelement im Footer wieder.
Produktdetailseiten – informativ, strukturiert, stylisch
Beim Kauf eines Elektrorollers spielen Design wie technische Aspekte eine große Rolle. Unsere Aufgabe als UX Agentur war es, alle nötigen Informationen, die zu einer Kaufentscheidung nötig sind, in ein übersichtliches und zugleich ansprechendes Format zu bringen.
Dies gelang uns mit großflächigen Text-Bild-Modulen, modernen Slidern und klar strukturierten Tabellen.
Entwicklung eines Design Systems
Auf Basis des bestehenden Corporate Designs der Govecs eSchwalbe wurde ein Design System für den Website Launch erstellt. Wir legten mit unserer Expertise im UX/UI Design Richtlinien für Farben, Typo, Buttons, Patterns und weitere Elemente fest, die als Grundlage für alle digitalen Aktivitäten rund um die Schwalbe dienen sollen.
Mobile Design für Schwalbe
Auch auf Smartphones macht die Website der eSchwalbe einen guten Eindruck. Alle von uns gestalteten Module entstanden mit einem Mobile First Approach, was vor allem bei der übersichtlichen Darstellung von technischen Details eine wichtige Rolle spielte. Sie sind flexibel auf allen Seitentypen einsetzbar und ermöglichen es Govecs auch in Zukunft die Website zu erweitern.
