Concevoir la vitesse : Améliorer l'expérience numérique de Swiss Side

Écran surligné

About this project

Swiss Side a eu besoin d'une refonte complète de sa plateforme B2C pour améliorer l'ergonomie, la cohérence visuelle et l'engagement des utilisateurs.

Résultat : Nous avons livré une interface moderne et cohérente, en accord avec l'image de marque haute performance de Swiss Side, et qui a amélioré l'expérience client.

our INVOLVEMENT

Gestion de projet
Conception UX/UI

technologies

Figma

Swiss Side - Leaders en aérodynamisme et optimisation cycliste

Swiss Side est une marque de cyclisme leader du secteur, reconnue pour son expertise en aérodynamisme, son ingénierie avancée et ses technologies d'optimisation. Elle s'adresse aux athlètes professionnels, aux passionnés de cyclisme et aux consommateurs axés sur la performance dans le monde entier.

Réputée pour allier précision scientifique et conception de produits haut de gamme, Swiss Side propose non seulement des équipements cyclistes de pointe, mais aussi de puissants outils numériques qui permettent aux athlètes de maximiser leurs performances grâce à des analyses basées sur les données.

logo Swiss Side version blanche
La vitesse au service du design : Élever l'expérience numérique de Swiss Side
Rôle et implication d'Imaginary Cloud auprès de Swiss Side

Imaginary Cloud s'est associée à Swiss Side pour refondre sa plateforme B2C, en mettant l'accent sur l'amélioration de l'expérience utilisateur, la garantie d'une cohérence visuelle et l'alignement de la présence numérique de la plateforme avec leur image de marque haute performance.

Notre travail a débuté par un audit UX complet pour évaluer les problèmes d'ergonomie et les incohérences visuelles. Cela comprenait une analyse comparative de la concurrence pour évaluer les performances de la plateforme par rapport aux normes du secteur. Sur la base de ces conclusions, nous avons élaboré une feuille de route structurée pour les priorités de refonte.

Notre rôle comprenait :

Réalisation d'un audit UX pour identifier les lacunes en matière d'ergonomie et les incohérences.

Création de personas et de références pour fonder les décisions de conception sur le comportement réel des utilisateurs.

Conception d'un guide de style pour unifier le langage visuel et soutenir l'évolutivité.

Affinement des écrans GUI pour toutes les fonctionnalités clés de la plateforme (Pacing Optimisation, Equipment Optimisation, Tools, Results).

Production d'exportations prêtes pour PDF depuis Figma pour un transfert fluide aux développeurs.

Structuration des boucles de rétroaction avec l'équipe de Swiss Side pour assurer une itération rapide et un alignement avec les objectifs commerciaux.

La vitesse au service du design : Élever l'expérience numérique de Swiss SideNEW PROJECT IN MIND? LET'S TALK

during the project

La refonte a suivi un processus structuré :

  • Audit UX – Évaluation de l'ergonomie actuelle de la plateforme et de son alignement visuel avec la marque Swiss Side.
  • Benchmarking concurrentiel – Comparaison de l'ergonomie et de l'attrait visuel avec les leaders de l'industrie.
  • Création du guide de style – Définition de la typographie, des palettes de couleurs et des standards de composants pour assurer la cohérence.
  • Conception et itération GUI – Conception et affinement des écrans avec des cycles de rétroaction client itératifs.

Tout le travail a été réalisé à distance, avec des points de contrôle hebdomadaires, des ordres du jour de révision structurés et une collaboration directe entre notre designer, le chef de projet et l'équipe de développement de 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

La refonte a suivi un processus structuré :

  • Audit UX – Évaluation de l'ergonomie actuelle de la plateforme et de son alignement visuel avec la marque Swiss Side.
  • Benchmarking concurrentiel – Comparaison de l'ergonomie et de l'attrait visuel avec les leaders de l'industrie.
  • Création du guide de style – Définition de la typographie, des palettes de couleurs et des standards de composants pour assurer la cohérence.
  • Conception et itération GUI – Conception et affinement des écrans avec des cycles de rétroaction client itératifs.

Tout le travail a été réalisé à distance, avec des points de contrôle hebdomadaires, des ordres du jour de révision structurés et une collaboration directe entre notre designer, le chef de projet et l'équipe de développement de Swiss Side.

TECHNOLOGIES used

Figma
Figma

Utilisé pour la création du système de design (guide de style, typographie, palettes de couleurs, composants), la conception des écrans et le prototypage de toutes les pages de la plateforme.

Working Model screen
working model and team

Nous avons travaillé selon un modèle de collaboration entièrement à distance :

  • Designer UX/UI – Création du guide de style, conception des écrans de la plateforme et affinement des parcours utilisateurs pour une ergonomie optimale.
  • Chef de projet – Coordination des délais, des jalons et mise en place de boucles de rétroaction structurées.
  • Responsable de compte – Garantir une communication client fluide et l'alignement du projet.

key results

This project delivered an in-depth understanding of the customer persona and their interaction with the service.

1

Interface utilisateur améliorée – Conception visuellement cohérente en accord avec l'image de marque de Swiss Side.

2

Parcours utilisateurs optimisés – Rationalisation des parcours utilisateurs clés pour une atteinte plus rapide des objectifs.

3

Améliorations basées sur les retours – Intégration des retours itératifs pour répondre précisément aux attentes des parties prenantes.

Clutch logo

5.0

5/5 stars rating
logo Swiss Side version blanche
Quoting
Swiss Side
Dropdown caret icon

Nouveau projet en tête ?

Soumettre le formulaire de contactillustration of someone at the computer

Nouveau projet en tête ?
Parlons !

Schedule Meeting icon
réponse en moins d'une heure
illustration of someone at the computer
Expliquez votre projet et réservez une réunion dès aujourd'hui.
Swiss Side

The project behind the NDA

Swiss Side a eu besoin d'une refonte complète de sa plateforme B2C pour améliorer l'ergonomie, la cohérence visuelle et l'engagement des utilisateurs.

Résultat : Nous avons livré une interface moderne et cohérente, en accord avec l'image de marque haute performance de Swiss Side, et qui a amélioré l'expérience client.

Dropdown caret icon

Nouveau projet en tête ?

Soumettre le formulaire de contactillustration of someone at the computer

Nouveau projet en tête ?
Parlons !

Schedule Meeting icon
réponse en moins d'une heure
illustration of someone at the computer
Expliquez votre projet et réservez une réunion dès aujourd'hui.