Comment Lynksen a donné vie au site d’une plateforme B2B complexe avec Spline

Elecctro conçoit des systèmes logiciels pour les services sans personnel, comme les distributeurs automatiques, les bornes de recharge pour véhicules électriques et l’automatisation des stations de lavage. Son offre va du matériel au logiciel, dans un segment du marché qui communique traditionnellement avec ses acheteurs B2B à coups de fiches techniques denses et de schémas techniques. Sa mission : moderniser les services sans personnel grâce à des solutions intelligentes et connectées.

Elecctro avait besoin d’un site web. Mais pas de n’importe quel site. Un site capable de retenir l’attention d’un acheteur assez longtemps pour expliquer vraiment ce que fait l’entreprise, de la distinguer visuellement de dizaines d’entreprises similaires et d’amener rapidement les visiteurs à se décider.

« Il fallait transmettre beaucoup d’informations, explique Tania, cheffe de projet chez Lynksen, l’agence de design numérique chargée de repenser l’expérience du site. Mais ils voulaient aussi se démarquer dans une niche très technique. »

La réponse n’était pas d’ajouter du contenu. C’était un tout autre type d’interface interactive.

Une page d’accueil qu’on explore, pas qu’on lit

L’idée centrale de Lynksen était d’une simplicité trompeuse : laisser les utilisateurs explorer le système, au lieu de l’expliquer seulement avec des mots.

La page d’accueil est devenue une scène 3D interactive : une vue d’ensemble spatiale de toute la gamme de produits d’Elecctro, que les utilisateurs peuvent survoler, parcourir d’un clic et explorer à leur rythme. Chaque élément de la scène renvoie à une page produit dédiée. Le chemin entre « qu’est-ce que ce produit ? » et « je suis prêt à en parler » se réduit à quelques clics.

Les utilisateurs arrivent sur la page d’accueil, voient tout, cliquent une fois, et s’apprêtent déjà à donner à Elecctro les informations dont elle a besoin.

C’était un changement important. La plupart des sites B2B traitent la page d’accueil comme une table des matières. Lynksen a conçu celle d’Elecctro comme un environnement qu’on parcourt plutôt qu’une page qu’on lit de haut en bas.

Pourquoi Spline ?

La vision était claire, mais comment lui donner vie ?

Les outils 3D traditionnels étaient exclus. La courbe d’apprentissage à elle seule aurait englouti le projet. Surtout, l’équipe d’Elecctro devait pouvoir maintenir le site après son lancement. Donc pas de pipelines opaques, pas de dépendance à des artistes spécialisés, pas d’outils exigeant des mois de formation pour modifier un simple élément.

Lynksen a évalué Spline et y a vu une autre voie :

• Créer et itérer dans un seul environnement.
• Prototyper les interactions directement dans l’outil.
• Livrer des ressources prêtes pour la production sans chaîne de passation complexe.

Nous sommes passés de presque aucune expérience à la livraison d’un projet complet du premier coup.

Ce qui l’a rendu possible, ce n’étaient pas seulement les outils, mais aussi la communauté. Avant d’écrire la moindre ligne de code, l’équipe de Lynksen a passé du temps dans la bibliothèque de la communauté Spline : explorer des remixes, comprendre comment d’autres designers abordaient les interactions et repérer des techniques à adapter pour ce projet client.

Avoir un endroit comme la communauté Spline, avec des projets variés et la possibilité de les remixer pour voir comment d’autres ont abordé différentes interactions, nous a été très utile pour apprendre.

Pour Elecctro, un autre facteur comptait : la durabilité.

L’entreprise voulait une solution que son équipe puisse vraiment s’approprier après le lancement.

Pas besoin d’être très technique pour ajouter un objet, créer une autre interaction et maintenir le projet une fois que nous l’avons livré. C’était un avantage vraiment décisif pour nous.

Construire l’expérience

Le processus de Lynksen a commencé sans aucun mouvement.

Des wireframes statiques. Des mises en page d’interface à plat. Une hiérarchie de l’information claire, établie avant d’introduire la moindre animation. Ce n’est qu’une fois la structure solide que l’équipe a commencé à ajouter des couches.

« Nous partons toujours du statique, puis nous ajoutons l’animation couche après couche, explique Tania. Nous définissons les états clés dans des wireframes et des croquis, et pendant l’implémentation, nous ajustons les mouvements de caméra, jouons avec les animations et vérifions que tout s’assemble comme prévu. »

Cette discipline a évité au projet de s’effondrer sous le poids de sa propre ambition. L’équipe a suivi un principe de design simple : le mouvement sert le récit.

Concrètement, cela s’est traduit par :

• Des états de survol subtils et des micro-interactions sur les éléments 3D
• Des apparitions au défilement qui guident l’attention sans l’accaparer
• Des transitions de caméra qui orientent les utilisateurs plutôt que de les éblouir
• Une créativité plus expressive réservée aux moments secondaires (le pied de page, la page 404), où les petites surprises font plaisir au lieu de distraire

La page 404 est devenue l’une des préférées de l’équipe. Entièrement construite dans Spline, elle permet aux utilisateurs de cliquer un peu partout pour révéler des éléments 3D cachés. Un petit easter egg que la plupart des visiteurs ne trouveront jamais, mais que l’équipe de Lynksen a visiblement adoré concevoir.

« C’est sympa de cacher un petit easter egg, dit Ross. Si quelqu’un le trouve, en tant que designers, on sera ravis. »

Détail des icônes 3D utilisées dans le menu de navigation du site.

Les résultats

Le site repensé a été lancé, et les chiffres ont bougé immédiatement.

Les utilisateurs actifs ont augmenté de 524 % et le projet a reçu 5 prix.

Le site a enregistré 20 000 vues supplémentaires, et la communauté du design l’a remarqué.

Ces résultats reflètent ce que l’équipe avait construit de façon délibérée : pas seulement un beau site, mais un site réellement efficace. Un site qui fonctionne pour des acheteurs en quête de clarté, et pour une équipe client qui devait le maintenir sans développeur disponible à plein temps.

Pour les équipes qui envisagent la 3D

Aux équipes qui envisagent la 3D sur le web pour la première fois, Tania donne un conseil simple : ne commencez pas par les outils traditionnels.

Avec Spline, la courbe d’apprentissage est raisonnable. En quelques jours, une personne qui a des compétences en design peut s’y mettre. Notre équipe a produit un MVP solide dès la première semaine d’utilisation.

Pour Ross, cela traduit une évolution plus large dans la façon dont les équipes peuvent aborder la 3D : au lieu d’assembler plusieurs outils et workflows complexes, elles peuvent concevoir, itérer et livrer dans un seul environnement, ce qui rend la 3D interactive bien plus accessible dès le départ.

Si vous voulez travailler dans un seul environnement, sans connaissances très techniques, et pouvoir livrer exactement ce que vous voyez, choisissez Spline.

Pour les agences de design qui proposent des expériences web interactives à leurs clients, ce projet est une preuve convaincante : avec le bon outil, on peut passer de zéro expérience à un site primé en un seul projet.

Lancez-vous avec Spline

Comme Lynksen, les agences peuvent s’appuyer sur Spline pour aider leurs clients à présenter des produits complexes grâce à des expériences interactives plus faciles à comprendre, plus faciles à maintenir et plus mémorables.

Pour Elecctro, cela a permis de transformer une plateforme B2B technique en un site interactif qui clarifie le produit, accélère la prise de décision et aide la marque à se démarquer sur un marché saturé.

Que vous soyez une agence qui travaille pour un client ou une équipe interne, Spline vous aide à passer plus vite de l’idée à la production, sans pipeline 3D complexe ni compétences techniques spécialisées.

Contacter les ventes