Simen Sanna, PDG et fondateur de Saddle, est un entrepreneur norvégien du SaaS et ancien ingénieur en énergie qui a quitté sa dernière entreprise en 2021 après avoir développé le logiciel leader mondial de décarbonisation des navires offshore.

Mais alors que son précédent logiciel a pris des années de développement, sa dernière réalisation raconte une autre histoire.

En collaborant avec le cabinet de conseil en conception et développement de produits SmplCo, Saddle a considérablement réduit le temps nécessaire pour créer le logiciel, tout en diminuant les coûts, grâce à Figma Make.

« Avant, le processus équivalent pour créer un produit minimum viable fonctionnel comme celui que nous avons pour Saddle nous prenait six mois et nous coûtait huit fois plus d'argent », affirme Simen.

« Figma Make a complètement changé la donne », dit-il. « Avec l'aide de SmplCo, nous sommes passés de la création du design, de la planification du parcours utilisateur et de l'esquisse de wireframes à des designs Figma cliquables, au développement logiciel React, et même à la connexion de tous ces éléments aux extrémités back-end... le tout en deux semaines ! »

Voici le récit de ces deux semaines.

Une autoroute numérique pour les décisions

Saddle est une plateforme logicielle qui permet aux entreprises de prendre des décisions plus rapides et meilleures et de stimuler l'innovation, notamment dans les périodes cruciales de fusions et acquisitions (F&A).

« Lorsque de nouvelles équipes de direction prennent le relais, elles doivent disposer de bonnes données et collaborer avec les dirigeants existants pour prendre les décisions appropriées. Mais il est vraiment difficile d'obtenir la compréhension approfondie que ces dirigeants ont acquise sur l'entreprise, ses informations client subtiles, ses dynamiques internes et ses forces créatives », affirme Simen Sanna.

« Les employés peuvent avoir l'impression de ne pas être écoutés et les dirigeants manquent de visibilité pour voir où l'innovation a lieu au sein de leurs équipes. En conséquence, des idées précieuses peuvent être négligées et des employés clés démotivés, et l'innovation stagne. »

Le résultat final ? Environ 60 % des fusions-acquisitions ne réalisent pas la valeur prévue, selon Simen Sanna.

C'est à ce stade que Saddle intervient, fournissant une « autoroute numérique » pour les initiatives et les décisions.

La plateforme connecte les données d'innovation directement aux indicateurs commerciaux, permettant aux entreprises d'identifier les idées fortes, de rationaliser la prise de décision et de retenir les employés créatifs grâce à la visibilité et à la reconnaissance.

Avancer rapidement, et réaliser quelque chose

Après avoir conçu son back-end en interne, Saddle s'est associée à des experts en design, SmplCo.

SmplCo a commencé à tester Figma Make pour soutenir sa proposition – « prototyper rapidement, concevoir intelligemment et se lancer en quelques semaines ».

Étape 1 : du concept au prototype

La collaboration a commencé par une idéation rapide, comme l'explique Andreas Melvær, associé gérant de SmplCo.

« Tout d'abord, nous avons clairement défini le problème et nous nous sommes concentrés sur un créneau : comment le produit pourrait favoriser l'innovation au sein des entreprises lors des transactions sur les actions », dit-il.

« Nous avons esquissé des parcours utilisateurs et des concepts d'interface utilisateur visualisant la manière dont les employés soumettraient leurs idées et la manière dont les dirigeants pourraient suivre ces idées, les évaluer et les hiérarchiser. »

C'était la première étape du processus de prototype propriétaire de 5 jours de SmplCo, que l'équipe a conçu sur la base d'années de conception et de vente de leurs propres entreprises.

En quelques jours, l'équipe a créé un prototype de démonstration interactif dans Figma ; un produit suffisamment simple pour permettre de tester et d'itérer, mais suffisamment riche pour valider les fonctionnalités principales et les flux utilisateurs.

Étape 2 : donner vie au prototype dans Figma Make

Une fois la bonne expérience capturée par le prototype, l'équipe est passée à Figma Make.

Elle a utilisé l'environnement de vibe coding pour transformer les designs de Figma en interfaces front-end fonctionnelles, réactives et interactives.

Cela a permis à Saddle d'obtenir un produit fonctionnel pouvant être utilisé et testé presque immédiatement.

Comme Simen Sanna le note, « L'idée avec Saddle est de donner vie aux idées, et Figma Make l'a fait très rapidement. Mais ici, un ingrédient crucial a démarqué le projet des nombreuses initiatives low-code inondant actuellement le marché. »

Comme Simen savait que Saddle devait avoir une expertise dans la conception et le codage, l'équipe de SmplCo a examiné le code pour s'assurer qu'il était clair et sécurisé.

« On obtient tellement plus de valeur en combinant la rapidité de Figma Make à des experts en design logiciel, » indique Simen.

« Le vibe coding est génial, mais vous pouvez créer un code non structuré, » déclare Andreas Melvær. « Il faut s'assurer de construire une base solide, sans quoi développer et faire évoluer votre produit peut s'avérer difficile. »

Étape 3 : relier le front-end au back-end

Point crucial, Saddle avait déjà construit son back-end avant que ce processus ne commence.

En d'autres termes, le front-end créé dans Figma Make pouvait être connecté en toute transparence à des données réelles via des API, transformant le prototype en un produit fonctionnel.

Cette séquence (construire d'abord le calque de données) était essentielle pour progresser si rapidement.

Le résultat ? En deux semaines, Saddle est passée des données back-end à une plateforme en direct intégrant à la fois design et données, prête à être présentée et optimisée.

Quels avantages l'utilisation de Figma Make a-t-elle apportés ?

En fusionnant la conception et le développement front-end dans un seul environnement, Figma Make a éliminé les retards traditionnels survenant dans les transferts entre designers et ingénieurs.

« Utiliser Figma Make a permis à Saddle et à SmplCo de passer du prototype au logiciel opérationnel en seulement deux semaines, un processus qui nous prenait six mois et nous coûtait huit fois plus cher auparavant », déclare Simen.

Pour une start-up telle que Saddle, cette rapidité s'est directement traduite par un avantage concurrentiel, lui permettant de sécuriser un essor précoce et de maintenir les coûts de développement à un niveau faible.

Et, au-delà de l'efficacité, Figma Make a apporté un niveau de flexibilité créative qui a donné lieu à un design system bien défini et à une marche à suivre claire pour les itérations de design.

Saddle pouvaient tester librement les mises en page, la logique et les interactions, sans se soucier d'endommager le code ou de perdre du temps. Il était possible de procéder simultanément à l'optimisation visuelle de l'interface et à sa mise en œuvre technique, pour des tests et des itérations rapides.

Cette approche a encouragé la découverte et l'innovation tout au long du processus.

Comment se préparer pour réussir

Bien que Figma Make ait apporté d'énormes avantages en termes de rapidité et de coût, l'équipe de Saddle a également tiré des enseignements précieux sur la préparation et l'expertise.

1. Préparer d'abord le back-end

Saddle a réussi car elle disposait d'une infrastructure de données avant de commencer à concevoir avec Figma Make.

Sans cela, l'entreprise se serait retrouvée avec un front-end impressionnant mais déconnecté.

« Si vos extrémités sont prêtes, alors le processus Figma Make prendra son envol », déclare Simen Sanna.

2. Les conseils d'un expert sont essentiels

Disposer de designers et de développeurs expérimentés était vital pour orienter la prise de décision et maintenir la qualité.

« On s'imagine que maintenant n'importe qui peut créer de superbes logiciels, mais c'est tout simplement faux », déclare Andreas Melvær.

« À cause de cela, beaucoup de logiciels médiocres provoquent des problèmes sérieux, notamment en matière de sécurité, de confidentialité et de durabilité.

Il vous faut des experts qui comprennent à la fois les aspects créatifs et techniques. »

3. Faire confiance au processus – mais itérer rapidement

La phase de développement en deux semaines de Saddle a réussi car l'équipe a adopté une mentalité flexible et orientée sur l'exploration.

Pour Saddle, Figma Make a transformé ce qui aurait pu être un cycle de développement sur plusieurs mois en un sprint de deux semaines menant de l'idée à la plateforme opérationnelle.

Cette approche a apporté rapidité, économies et liberté créative, mais a également renforcé les enseignements intemporels sur la préparation, la collaboration et l'expertise.

Un dernier mot de Simen pour ceux qui désirent entreprendre ce voyage…

« Vous feriez mieux de vous préparer, car les choses vont vite », dit-il.