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

Écran surligné

À propos de ce projet

Swiss Side avait besoin d'une refonte complète de sa plateforme B2C pour améliorer l'ergonomie, la cohérence visuelle et l'engagement des utilisateurs. Nous avons réalisé ce projet grâce à notre audit UX.

‍

Résultat : Mise en place d'une interface moderne et cohérente, en phase avec l'image de marque haute performance de Swiss Side, tout en optimisant l'expérience client.

notre IMPLICATION

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 SideUN NOUVEAU PROJET EN TÊTE ? DISCUTONS-EN

pendant le projet

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.

deux étapes

Migration
Développement

two stages

Migration
Development

quatre étapes

Recherche
Idéation
Exécution
Évaluation technique

quatre étapes

Besoins
Intégration back-end
Développement de site web
Filtrage et recherche avancés

quatre étapes

Recherche
Idéation
Exécution
Évaluation technique

quatre étapes

Backlog
Bootstrap
Vague 0
Vague N

quatre étapes

Recherche
Idéation
Exécution
Lancement et transfert

deux processus

MVP
‍ADP

Quatre étapes

Réunion de cadrage
Revue de code
Revue de test
Revue de qualité
Évaluation

Quatre étapes

Backlog
Bootstrap
Vague 0
Vague N

durant le projet

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 utilisées

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.

Écran du modèle de travail
modèle de travail et équipe

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.

‍

résultats clés

Ce projet a permis une compréhension approfondie du profil client et de son interaction avec le 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
Devis
Swiss Side
Dropdown caret icon

Nouveau projet en tête ?

Soumettre le formulaire de contactillustration of someone at the computer

Un nouveau projet en tête ?
Discutons-en !

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.