Geschwindigkeit gestalten: Das digitale Erlebnis von Swiss Side aufwerten

Swiss Side

About this project

Swiss Side benötigte eine umfassende Neugestaltung ihrer B2C-Plattform, um die Benutzerfreundlichkeit, die visuelle Konsistenz und das Nutzerengagement zu verbessern.

Ergebnis: Wir lieferten eine moderne, kohärente Benutzeroberfläche, die mit der Hochleistungsmarke von Swiss Side übereinstimmte und das Kundenerlebnis verbesserte.

our INVOLVEMENT

Projektmanagement
UX/UI Design

technologies

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 aufwertenNEW PROJECT IN MIND? LET'S TALK

during the project

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.

two stages

Migration
Development

four stages

Research
Ideation
Execution
Technical Assessment

four stages

Requirements
Back-end integration
Website development
Advanced filtering and search

four stages

Research
Ideation
Execution
Technical Assessment

four stages

Backlog
Bootstrap
Wave 0
Wave N

four stages

Research
Ideation
Execution
Launch & Handover

two processes

MVP
‍ADP

Four stages

Scope meeting
Code review
Test review
Quality review
Assessment

Four stages

Backlog
Bootstrap
Wave 0
Wave N

during the project

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.

TECHNOLOGIES used

Figma
Figma

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

Working Model screen
working model and 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.

key results

This project delivered an in-depth understanding of the customer persona and their interaction with the 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
Swiss Side Logo weiße Version
Quoting
Swiss Side
Dropdown caret icon

Neues Projekt im Sinn?

Kontaktformular abschickenillustration of someone at the computer

Neues Projekt im Sinn?
Lass uns reden!

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.
Swiss Side

The project behind the NDA

Swiss Side benötigte eine umfassende Neugestaltung ihrer B2C-Plattform, um die Benutzerfreundlichkeit, die visuelle Konsistenz und das Nutzerengagement zu verbessern.

Ergebnis: Wir lieferten eine moderne, kohärente Benutzeroberfläche, die mit der Hochleistungsmarke von Swiss Side übereinstimmte und das Kundenerlebnis verbesserte.

Dropdown caret icon

Neues Projekt im Sinn?

Kontaktformular abschickenillustration of someone at the computer

Neues Projekt im Sinn?
Lass uns reden!

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.