Designing Speed: Elevating Swiss Side’s Digital Experience

Swiss Side

About this project

Swiss Side required a comprehensive redesign of their B2C platform to enhance usability, visual consistency, and user engagement.

Result: Delivered a modern, cohesive interface that aligned with Swiss Side’s high-performance brand and enhanced the customer experience.

our INVOLVEMENT

Project management
UX/UI Design

technologies

Figma

Swiss Side - Leaders in Cycling Aerodynamics and Optimisation

Swiss Side is an industry-leading cycling brand known for its aerodynamic expertise, advanced engineering, and optimisation technologies. They serve professional athletes, cycling enthusiasts, and performance-focused consumers worldwide.

With a reputation for combining scientific precision with premium product design, Swiss Side provides not only cutting-edge cycling equipment but also powerful digital tools that enable athletes to maximise performance through data-driven insights.

swiss side logo white version
Designing Speed: Elevating Swiss Side’s Digital Experience
Imaginary Cloud’s role and involvement with Swiss Side

Imaginary Cloud partnered with Swiss Side to redesign their B2C platform with a focus on enhancing the user experience, ensuring visual consistency, and aligning the platform’s digital presence with their high-performance brand.

Our work began with a comprehensive UX audit to evaluate usability issues and visual inconsistencies. This included competitive benchmarking to compare the platform’s performance against industry standards. Based on the findings, we developed a structured roadmap for redesign priorities.

Our role included:

Conducting a UX audit to identify usability gaps and inconsistencies.

Creating personas and benchmarks to base design decisions on real user behaviour.

Designing a style guide to unify the visual language and support scalability.

Refining GUI screens for all key platform features (Pacing Optimisation, Equipment Optimisation, Tools, Results).

Producing PDF-ready exports from Figma for seamless developer handover.

Structuring feedback loops with Swiss Side’s team to ensure timely iteration and alignment with business goals.

Designing Speed: Elevating Swiss Side’s Digital ExperienceNEW PROJECT IN MIND? LET'S TALK

during the project

The redesign followed a structured process:

  • UX Audit – Evaluated the platform’s current usability and visual alignment with Swiss Side’s brand.
  • Competitive Benchmarking – Compared usability and visual appeal to industry leaders.
  • Style Guide Creation – Defined typography, colour palettes, and component standards to ensure consistency.
  • GUI Design & Iteration – Designed and refined screens with iterative client feedback cycles.

All work was completed remotely, with weekly checkpoints, structured review agendas, and direct collaboration between our designer, project manager, and Swiss Side’s development team.

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

The redesign followed a structured process:

  • UX Audit – Evaluated the platform’s current usability and visual alignment with Swiss Side’s brand.
  • Competitive Benchmarking – Compared usability and visual appeal to industry leaders.
  • Style Guide Creation – Defined typography, colour palettes, and component standards to ensure consistency.
  • GUI Design & Iteration – Designed and refined screens with iterative client feedback cycles.

All work was completed remotely, with weekly checkpoints, structured review agendas, and direct collaboration between our designer, project manager, and Swiss Side’s development team.

TECHNOLOGIES used

Figma
Figma

Used for design system creation (style guide, typography, colour palettes, components), screen design, and prototyping for all platform pages.

Working Model screen
working model and team

We worked under a fully remote collaboration model:

  • UX/UI Designer – Created the style guide, designed platform screens, and refined user flows for optimal usability.
  • Project Manager – Coordinated timelines, milestones, and structured feedback loops.
  • Account Manager – Ensured smooth client communication and project alignment.

key results

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

1

Enhanced User Interface – Delivered a visually cohesive design aligned with Swiss Side’s brand.

2

Optimised User Flows – Streamlined key user journeys for faster goal completion.

3

Feedback-Driven Refinements – Integrated iterative feedback to closely meet stakeholder expectations.

Clutch logo

5.0

5/5 stars rating
swiss side logo white version
Quoting
Swiss Side
Dropdown caret icon

New project in mind?

Submit contact Formillustration of someone at the computer

New project in mind?
Let’s Talk!

Schedule Meeting icon
response in less than 1 hour
illustration of someone at the computer
Explain your project and book a meeting today.
Swiss Side

The project behind the NDA

Swiss Side required a comprehensive redesign of their B2C platform to enhance usability, visual consistency, and user engagement.

Result: Delivered a modern, cohesive interface that aligned with Swiss Side’s high-performance brand and enhanced the customer experience.

Dropdown caret icon

New project in mind?

Submit contact Formillustration of someone at the computer

New project in mind?
Let’s Talk!

Schedule Meeting icon
response in less than 1 hour
illustration of someone at the computer
Explain your project and book a meeting today.