Geschwindigkeit gestalten: Das digitale Erlebnis von Swiss Side aufwerten

Swiss Side

Über dieses Projekt

Swiss Side benötigte eine umfassende Neugestaltung ihrer B2C-Plattform, um die Benutzerfreundlichkeit, visuelle Konsistenz und das Nutzerengagement zu verbessern. Wir haben dies durch unser UX-Audit.

‍

Ergebnis: Wir haben eine moderne, einheitliche Benutzeroberfläche geliefert, die der leistungsstarken Marke von Swiss Side entspricht und das Kundenerlebnis nachhaltig verbessert.

Unser Beitrag

Projektmanagement
UX/UI Design

Technologien

Figma

Swiss Side – Führend in Radsport-Aerodynamik und -Optimierung

Swiss Side ist eine branchenführende Radsportmarke, bekannt für ihre aerodynamische Expertise, fortschrittliche Ingenieurskunst und Optimierungstechnologien. Sie bedienen professionelle Athleten, Radsportbegeisterte und leistungsorientierte Verbraucher weltweit.

Mit dem Ruf, wissenschaftliche Präzision mit erstklassigem Produktdesign zu verbinden, bietet Swiss Side nicht nur modernste Fahrradausrüstung, sondern auch leistungsstarke digitale Tools, die Athleten ermöglichen, ihre Leistung durch datengestützte Erkenntnisse zu maximieren.

Swiss Side Logo weiße Version
Geschwindigkeit gestalten: Die digitale Erfahrung von Swiss Side aufwerten
Die Rolle und Beteiligung von Imaginary Cloud bei Swiss Side

Imaginary Cloud arbeitete mit Swiss Side zusammen, um deren B2C-Plattform neu zu gestalten. Der Fokus lag dabei auf der Verbesserung des Nutzererlebnisses, der Sicherstellung visueller Konsistenz und der Ausrichtung der digitalen Präsenz der Plattform an ihrer Hochleistungsmarke.

‍

Unsere Arbeit begann mit einem umfassenden UX-Audit, um Usability-Probleme und visuelle Inkonsistenzen zu bewerten. Dies umfasste ein Wettbewerbs-Benchmarking, um die Leistung der Plattform mit Industriestandards zu vergleichen. Basierend auf den Ergebnissen entwickelten wir einen strukturierten Fahrplan für die Neugestaltungsprioritäten.

‍

Unsere Rolle umfasste:

• Durchführung eines UX-Audits zur Identifizierung von Usability-Lücken und Inkonsistenzen.

• Personas und Benchmarks erstellen, um Designentscheidungen auf echtem Nutzerverhalten zu basieren.

• Einen Styleguide entwerfen, um die visuelle Sprache zu vereinheitlichen und die Skalierbarkeit zu unterstützen.

• GUI-Bildschirme für alle wichtigen Plattformfunktionen verfeinern (Pacing Optimisation, Equipment Optimisation, Tools, Results).

• PDF-fertige Exporte aus Figma erstellen für eine nahtlose Übergabe an die Entwickler.

• Feedbackschleifen mit dem Team von Swiss Side strukturieren, um zeitnahe Iterationen und die Abstimmung mit den Geschäftszielen sicherzustellen.

Geschwindigkeit gestalten: Die digitale Erfahrung von Swiss Side aufwertenSIE HABEN EIN NEUES PROJEKT? LASSEN SIE UNS SPRECHEN

während des Projekts

Das Redesign folgte einem strukturierten Prozess:

  • UX-Audit – Bewertung der aktuellen Benutzerfreundlichkeit der Plattform und der visuellen Übereinstimmung mit der Marke von Swiss Side.
  • Wettbewerbs-Benchmarking – Vergleich von Benutzerfreundlichkeit und visuellem Erscheinungsbild mit Branchenführern.
  • Styleguide-Erstellung – Definition von Typografie, Farbpaletten und Komponentenstandards zur Sicherstellung der Konsistenz.
  • GUI-Design & Iteration – Entwurf und Verfeinerung von Bildschirmen mit iterativen Kundenfeedback-Zyklen.

Die gesamte Arbeit wurde remote erledigt, mit wöchentlichen Checkpoints, strukturierten Überprüfungsagenden und direkter Zusammenarbeit zwischen unserem Designer, Projektmanager und dem Entwicklungsteam von Swiss Side.

zwei Phasen

Migration
Entwicklung

two stages

Migration
Development

vier Phasen

Recherche
Ideenfindung
Umsetzung
Technische Bewertung

vier Phasen

Anforderungen
Back-End-Integration
Website-Entwicklung
Erweiterte Filter- und Suchfunktionen

vier Phasen

Recherche
Ideenfindung
Umsetzung
Technische Bewertung

vier Phasen

Backlog
Bootstrap
Welle 0
Welle N

vier Phasen

Recherche
Ideenfindung
Umsetzung
Launch & Übergabe

zwei Prozesse

MVP
‍ADP

Vier Phasen

Umfang-Meeting
Code-Review
Test-Review
Qualitätsprüfung
Bewertung

Vier Phasen

Backlog
Bootstrap
Wave 0
Wave N

während des Projekts

Das Redesign folgte einem strukturierten Prozess:

  • UX-Audit – Bewertung der aktuellen Benutzerfreundlichkeit der Plattform und der visuellen Übereinstimmung mit der Marke von Swiss Side.
  • Wettbewerbs-Benchmarking – Vergleich von Benutzerfreundlichkeit und visuellem Erscheinungsbild mit Branchenführern.
  • Styleguide-Erstellung – Definition von Typografie, Farbpaletten und Komponentenstandards zur Sicherstellung der Konsistenz.
  • GUI-Design & Iteration – Entwurf und Verfeinerung von Bildschirmen mit iterativen Kundenfeedback-Zyklen.

Die gesamte Arbeit wurde remote erledigt, mit wöchentlichen Checkpoints, strukturierten Überprüfungsagenden und direkter Zusammenarbeit zwischen unserem Designer, Projektmanager und dem Entwicklungsteam von Swiss Side.

Verwendete TECHNOLOGIEN

Figma
Figma

Verwendet für die Erstellung des Designsystems (Styleguide, Typografie, Farbpaletten, Komponenten), das Bildschirmdesign und das Prototyping für alle Plattformseiten.

Arbeitsmodell-Bildschirm
Arbeitsmodell und Team

Wir arbeiteten nach einem vollständig dezentralen Kollaborationsmodell:

  • UX/UI Designer – Erstellte den Styleguide, gestaltete die Plattform-Bildschirme und optimierte die Benutzerabläufe für maximale Benutzerfreundlichkeit.
  • Projektmanager – Koordinierte Zeitpläne, Meilensteine und strukturierte Feedbackschleifen.
  • Account Manager – Sicherte eine reibungslose Kundenkommunikation und die Projektausrichtung.

‍

wichtigste Ergebnisse

Dieses Projekt lieferte ein tiefgreifendes Verständnis der Kunden-Persona und ihrer Interaktion mit dem Service.

1

Verbesserte Benutzeroberfläche – Lieferte ein visuell kohärentes Design, das auf die Marke von Swiss Side abgestimmt war.

2

Optimierte Benutzerabläufe – Vereinfachte wichtige Benutzerpfade für eine schnellere Zielerreichung.

3

Feedback-gesteuerte Verfeinerungen – Integrierte iteratives Feedback, um die Erwartungen der Stakeholder genau zu erfüllen.

Clutch logo

5,0

5/5 stars rating
Angebotserstellung
Swiss Side
Dropdown caret icon

Neues Projekt im Sinn?

Kontaktformular abschickenillustration of someone at the computer

Ein neues Projekt geplant?
Lass uns sprechen!

Schedule Meeting icon
Antwort in weniger als 1 Stunde
illustration of someone at the computer
Erkläre dein Projekt und buchen Sie noch heute ein Treffen.