Redesign-Projekt: B2C Service Website für TDS-Systeme

Nutzerzentriertes Redesign einer Website für bessere Orientierung und Conversion.

Rolle

UX/UI Designer

Branche

B2C Service

Dauer

2 Monate

a cell phone on a bench
a cell phone on a bench
a cell phone on a bench

Phase 1. Usability Analyse

Das Projekt startete mit einer umfassenden Usability-Analyse der bestehenden Anwendung. Mithilfe heuristischer Evaluation, Nutzerinterviews und Performance-Daten wurden zentrale Reibungspunkte identifiziert. Besonders deutlich zeigten sich Optimierungspotenziale in der Navigation, den Tracking-Funktionen sowie den sozialen Interaktionsmechanismen.

Phase 2. Design Strategie

Auf Basis der Analyse wurde eine Redesign-Strategie entwickelt, die einen vereinfachten User Flow, verbesserte Datenvisualisierung für das Ziel-Tracking sowie neue Funktionen zur Förderung der Community-Interaktion priorisiert. Ergänzend entstand eine detaillierte Design-Roadmap, die Maßnahmen in kurzfristige Optimierungen und langfristige Weiterentwicklungen gliedert.

Phase 3. Design System & UI

  • Design System: Ein zentrales Problem war die fehlende visuelle Konsistenz der Buttons und UI-Elemente, wodurch kein klares Branding und keine eindeutige Nutzerführung entstand. Deshalb wurde zunächst ein einheitliches Design System entwickelt.

  • Wireframing: Überarbeitung der zentralen Weboberfläche und User Flows auf Basis der Analyseergebnisse. Ziel war eine intuitivere, zielorientierte Nutzerführung mit reduzierter kognitiver Belastung und verbesserter User Experience.


  • High-Fidelity Prototyping: Erstellung detaillierter Prototypen in Figma, die das neue Design erlebbar machen. Der visuelle Stil wurde gezielt auf die motivationalen Bedürfnisse der Outdoor-Living Zielgruppe abgestimmt.


  • User Interface Design: Neugestaltung der visuellen Identität mit dynamischen Farben und interaktiven Elementen zur Steigerung der Nutzeraktivierung. Typografie und Iconografie wurden zielgruppengerecht gewählt, um nicht nur ein ästhetisches, sondern auch funktionales Interface sicherzustellen.

Phase 1. Usability Analyse

Das Projekt startete mit einer umfassenden Usability-Analyse der bestehenden Anwendung. Mithilfe heuristischer Evaluation, Nutzerinterviews und Performance-Daten wurden zentrale Reibungspunkte identifiziert. Besonders deutlich zeigten sich Optimierungspotenziale in der Navigation, den Tracking-Funktionen sowie den sozialen Interaktionsmechanismen.

Phase 2. Design Strategie

Auf Basis der Analyse wurde eine Redesign-Strategie entwickelt, die einen vereinfachten User Flow, verbesserte Datenvisualisierung für das Ziel-Tracking sowie neue Funktionen zur Förderung der Community-Interaktion priorisiert. Ergänzend entstand eine detaillierte Design-Roadmap, die Maßnahmen in kurzfristige Optimierungen und langfristige Weiterentwicklungen gliedert.

Phase 3. Design System & UI

  • Design System: Ein zentrales Problem war die fehlende visuelle Konsistenz der Buttons und UI-Elemente, wodurch kein klares Branding und keine eindeutige Nutzerführung entstand. Deshalb wurde zunächst ein einheitliches Design System entwickelt.

  • Wireframing: Überarbeitung der zentralen Weboberfläche und User Flows auf Basis der Analyseergebnisse. Ziel war eine intuitivere, zielorientierte Nutzerführung mit reduzierter kognitiver Belastung und verbesserter User Experience.


  • High-Fidelity Prototyping: Erstellung detaillierter Prototypen in Figma, die das neue Design erlebbar machen. Der visuelle Stil wurde gezielt auf die motivationalen Bedürfnisse der Outdoor-Living Zielgruppe abgestimmt.


  • User Interface Design: Neugestaltung der visuellen Identität mit dynamischen Farben und interaktiven Elementen zur Steigerung der Nutzeraktivierung. Typografie und Iconografie wurden zielgruppengerecht gewählt, um nicht nur ein ästhetisches, sondern auch funktionales Interface sicherzustellen.

a cell phone on a bench
a cell phone on a bench
a cell phone on a bench
a cell phone on a ledge
a cell phone on a ledge
a cell phone on a ledge

Phase 4. Nutzerfeedback & Optimierung

Durchführung von User-Tests mit einer vielfältigen Nutzergruppe, um fundiertes Feedback zum Redesign zu sammeln. Diese Phase war entscheidend, um unerwartete Usability-Probleme zu identifizieren und die Wirksamkeit der neuen Designelemente zu validieren. Auf Basis der Erkenntnisse erfolgten iterative Optimierungen zur Feinabstimmung des Interfaces und zur Steigerung von Nutzerzufriedenheit und Engagement.

Phase 5. Umsetzung & Launch-Begleitung

Eigenständige Konzeption und Gestaltung der Website sowie der zentralen Seiten und User Flows mit Fokus auf eine klare, intuitive und conversion-optimierte Weboberfläche. Aktive Durchführung des Relaunches sowie Auswertung von Nutzerfeedback und Engagement nach dem Launch zur Ableitung weiterer Optimierungen.

a cell phone leaning on a ledge
a cell phone leaning on a ledge
a cell phone leaning on a ledge
a cell phone on a table
a cell phone on a table
a cell phone on a table

Ergebnisse

  • mehr qualifizierte Leads durch UX-optimierte Website-Struktur

  • Signifikante Steigerung der Conversion-Rate durch klare User Flows

  • Nachweislich höhere Nutzerzufriedenheit durch positives Kundenfeedback

„Die Website wirkt sehr professionell und übersichtlich. Man findet sich sofort zurecht und findet schnell, was man sucht.“ - Privatkunde von TDS-Systeme

Ergebnisse

  • mehr qualifizierte Leads durch UX-optimierte Website-Struktur

  • Signifikante Steigerung der Conversion-Rate durch klare User Flows

  • Nachweislich höhere Nutzerzufriedenheit durch positives Kundenfeedback

„Die Website wirkt sehr professionell und übersichtlich. Man findet sich sofort zurecht und findet schnell, was man sucht.“ - Privatkunde von TDS-Systeme

Weitere Projekte

Interesse an einer Zusammenarbeit?

Gerne erzähle ich mehr über meine Arbeitsweise im UX/UI Design.

Interesse an einer Zusammenarbeit?

Gerne erzähle ich mehr über meine Arbeitsweise im UX/UI Design.

Interesse an einer Zusammenarbeit?

Gerne erzähle ich mehr über meine Arbeitsweise im UX/UI Design.