Fokus wird geschärft
Neuer Horizont wird geladen
Blickwinkel werden adaptiert
Leichtigkeit in der
Gestaltung mit Fokus
auf
dem Menschen.
Wir erwecken Konzepte
zum Leben.
Wir gestalten Erlebnisse,
die berühren, verbinden
und Klarheit schaffen.
Klarheit beginnt mit
einem Gespräch.
Branding
•
Webdesign
•
Prozessoptimierung
Kunde
E-Bonus
Rollen
UX-Designer, UI-Designer, UX-Researcher
E Bonus ist ein Anbieter für die Vermarktung der sogenannten THG-Quote und macht Elektromobilität finanziell attraktiver. Über eine digitale Plattform ermöglicht das Unternehmen, eingesparte CO₂-Emissionen aus Elektrofahrzeugen oder Ladeinfrastruktur zu monetarisieren und dafür jährlich eine Prämie zu erhalten.
Dabei übernimmt E Bonus den gesamten Prozess von der Dateneinreichung über die Zertifizierung bis hin zur Auszahlung, sodass Unternehmen und Privatpersonen ohne administrativen Aufwand von der THG-Prämie profitieren können.
Strategie
Anforderungsanalyse
Zielgruppendefinition
Markenstrategie
User Research
Markt- und Wettbewerbsanalyse
Personas & Customer Journeys
UX-Design
Informationsarchitektur
Wireframes & Prototyping
Interaktionskonzepte
UI-Design
Visuelles Layout & Design
Responsive Design
Komponenten & Design-Systeme
CI / CD
Farb- und Formgebung im Layout
Bildsprache & Designsystem
Research
In der Research Phase wurden Markt, Wettbewerb und bestehende Lösungen analysiert. Der Fokus lag auf Pain Points sowie Best Practices, um klare Optimierungspotenziale zu identifizieren und eine fundierte Grundlage für die Neugestaltung zu schaffen.
User Flow
Die User Flows wurden gezielt optimiert und klar nach Nutzergruppen strukturiert. Ein Routing Gate trennt Privatkunden und kleinere Flotten von Unternehmen und leitet sie in passende Prozesse. Die Website wurde stärker auf den B2B Fokus ausgerichtet.
UI-Design
Das visuelle Erscheinungsbild wurde überarbeitet, um Professionalität und Wiedererkennbarkeit zu stärken. Ein reduziertes Farb- und Schriftkonzept mit grauen Tönen und grünen Akzenten sorgt für Differenzierung und eine konsistente, hochwertige Markenwirkung.
Prototyping
Zur Validierung der Konzepte wurden drei responsive klickbare Prototypen erstellt. So konnten zentrale Funktionen früh getestet, Feedback integriert und die Nutzerführung vor der Entwicklung gezielt optimiert und abgesichert werden.
Marktanalyse
Heuristische Evaluation
Usability-Testing
Customer Journey Mapping
High-Fidelity-Design
High-Fidelity-Prototyp
Die visuelle Gestaltung wurde im Zuge des Redesigns gezielt vereinfacht und geschärft, um ein professionelleres und konsistentes Erscheinungsbild zu schaffen. Ein reduziertes Farbkonzept mit ruhigen Grautönen und einer prägnanten grünen Akzentfarbe stärkt die Markenwahrnehmung und sorgt für klare Orientierung.
Auch die Typografie wurde überarbeitet und vereinheitlicht, um Lesbarkeit und Struktur zu verbessern. In Kombination mit einer zurückhaltenden, hochwertigen Bildsprache entsteht ein cleaner, seriöser Auftritt, der Vertrauen schafft und die Plattform deutlich vom Wettbewerb differenziert.
#37B644
#1F7A2E
#0E2A20
#1C1F22
#F4F6F5
#FFFFFF
Headline Font
Semibold
DM Sans
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Body Text
Semibold
Space Grotesk
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Im Zuge des Redesigns wurde die Plattform strategisch auf einen klaren B2B Fokus ausgerichtet und die Nutzerführung grundlegend überarbeitet. Inhalte und Einstiege wurden gezielt auf Unternehmen zugeschnitten, während Privatkunden strukturiert in den Hintergrund rücken.
Durch optimierte User Flows und ein intelligentes Routing entsteht ein klarer, effizienter Prozess, der Nutzer schnell zum Ziel führt und die Conversion nachhaltig verbessert.
Die Startseite richtet sich gezielt an Unternehmen und ihre unterschiedlichen Branchen. Klare Inhalte und strukturierte Einstiege führen Nutzer schnell zu passenden Lösungen und machen relevante Informationen direkt zugänglich.
Über ein intuitives Anfrageformular können Unternehmen ihre THG Prämie mit wenigen Klicks beantragen. Der Prozess ist nutzerfreundlich gestaltet und ermöglicht einen schnellen, unkomplizierten Einstieg ohne unnötige Hürden.
Zielgruppen neu priorisiert
Die Plattform wurde strategisch vom B2C hin zu einem klaren B2B Fokus weiterentwickelt. Unternehmen stehen im Mittelpunkt der Nutzerführung, während Inhalte für Privatkunden auf eigene Unterseiten ausgelagert wurden. So bleiben alle relevanten Informationen zugänglich, ohne den Fokus der Hauptnavigation zu verwässern.
Intelligentes Routing für höhere Conversion
Ein neu integriertes Routing Gate lenkt Nutzer gezielt in passende Prozesse. Über die zentrale CTA Prämie sichern werden große Flotten in ein Anfrageformular geführt, während kleinere Flotten und Privatkunden sich direkt registrieren können. So entsteht ein effizienter, klar strukturierter Nutzerflow mit optimierter Conversion.
Alles auf einen Blick
Die Website wurde so konzipiert, dass die zentralen Inhalte von DIAMOND unmittelbar erfassbar sind. Klare Strukturen, modulare Abschnitte und visuelle Leitlinien erleichtern den Einstieg und führen Nutzer:innen intuitiv durch das Projekt. Durch den Einsatz von Infografiken und prägnanten Gestaltungselementen entsteht ein schneller, fundierter Überblick, der komplexe Forschungsthemen verständlich macht.
Diese Kunden vertrauen uns
