Naviguer jusqu'au contenu principal

Comment Flipster conçoit en continu pour la rapidité, l'évolutivité et la stabilité sur le marché des cryptomonnaies

Application de plateforme de trading de Flipster sur appareil mobile

Flipster est une plateforme mondiale de crypto trading conçue par des traders, pour des traders. Fondée par l'une des principales firmes de trading quantitatif au monde, la plateforme combine une expertise approfondie du marché à une infrastructure hautes performances conçue pour des marchés opérant en continu.

Flipster a enregistré un sommet historique de plus de 230 millions de dollars US en actifs clients, servant des millions d'utilisateurs à travers près de 200 marchés mondiaux. L'entreprise fonctionne avec une équipe mondiale entièrement à distance et continue d'élargir sa suite de produits sur les marchés perpétuels, les marchés au comptant, les produits de rendement et les fonctionnalités Web3.

Alors que l'équipe dépassait les 230 personnes, Flipster avait besoin de systèmes capables de suivre son rythme de livraison. La plateforme évolue à la vitesse des marchés qu'elle dessert, en lançant de nouvelles fonctionnalités chaque semaine et en déployant des correctifs en un à deux jours. Il en résulte un défi familier : maintenir l'agilité d'une start-up tout en offrant la stabilité, la cohérence et l'évolutivité d'une véritable entreprise.

Pour répondre à ce défi, Flipster a adopté Figma Entreprise comme source unique de vérité du design et de l'exécution des produits. L'équipe utilise désormais Figma comme infrastructure principale, pour un design system unifié qui soutient une itération rapide à l'échelle mondiale.

Flipster continue de transférer ce qui est possible avec Figma Entreprise, en explorant des fonctionnalités IA, en développant des plugins personnalisés, en réduisant les temps de transfert de 40 % et en rationalisant la localisation dans toutes les régions pour renforcer la cohérence opérationnelle mondiale.

Dans l'industrie de la cryptomonnaie, tout évolue à une vitesse fulgurante et au-delà des frontières. Figma est aujourd'hui notre source unique de vérité. C'est sur cette plateforme que les équipes décentralisées, du design à l'ingénierie en passant par la localisation, restent alignées. Nous offrons ainsi la transparence et la fiabilité que nos utilisateurs attendent de la cryptomonnaie, mais appliquées à la façon dont nous créons nos produits.

Christian Park, responsable du design, Flipster

Défi : servir les clients les plus volatils mais les plus répandus au monde

Dans le domaine des cryptomonnaies, les retards ont un coût. Le marché fonctionne en continu et les changements se produisent soudainement. Un changement réglementaire, un simple tweet ou une variation de prix soudaine peuvent forcer les décisions produit en quelques heures et non pas semaines. Pour Flipster, la rapidité est un impératif pour pouvoir suivre le rythme.

Mais les outils sur lesquels la firme comptait n'étaient pas à la hauteur. Les designers utilisaient différents outils tels que Sketch et Abstract. Les ingénieurs concevaient à partir de captures d'écran. Le contrôle qualité signalait les bugs dans des feuilles de calcul. La documentation résidait dans Google Docs et Notion, séparée des designs réels.

Alors que l'équipe faisait évoluer ses opérations à l'échelle mondiale, les lacunes de cette configuration s'avéraient de plus en plus évidentes. Les fichiers devenaient obsolètes. Les spécifications se perdaient. Les mêmes conversations devaient se répéter dans tous les fuseaux horaires. Dans le même temps, les exigences produit gagnaient en complexité. Les tokens tels que DOGE se négocient par incréments de quatrième décimale, et une erreur dans l'affichage des valeurs pouvait provoquer de la confusion ou, pire, nuire à la confiance des utilisateurs.

Flipster réalisa finalement que sa pile de design existante empêchait activement l'équipe d'évoluer.

Nous voulions des règles de numérotation strictes pour offrir aux clients une nouvelle norme allant au-delà d'une expérience de crypto trading médiocre. Avant Figma, il y avait quatre manières différentes d'afficher les décimales sur les plateformes. Après avoir adopté une documentation basée sur Figma, nous avons atteint 100 % de cohérence sur différents nombres et points décimaux.

Christian Park, responsable du design, Flipster

trois écrans de divers composants au sein du design system Flipstertrois écrans de divers composants au sein du design system Flipster
Design system de Flipster dans Figma

Solution : 50 % de gain de vitesse dans l'efficacité transversale grâce à Figma

Flipster a rapidement adopté Figma Entreprise, avant que la plupart des entreprises de sa taille ne s'y intéressent. L'équipe savait que la croissance rapide ne serait durable qu'avec la bonne base en place. Il lui fallait une plateforme capable de réunir des équipes distribuées, d'accélérer la prise de décision et de soutenir l'itération constante sans ralentir.

En seulement trois semaines, l'équipe du design a reconstruit tout son système dans Figma. Ce qui a commencé comme une initiative dirigée par le design est rapidement devenu la base sur laquelle toute l'entreprise crée.

Aujourd'hui, Figma est l'épine dorsale du produit de Flipster. 14 designers, 6 product managers et plus de 50 ingénieurs l'utilisent quotidiennement, aux côtés des équipes du marketing, de l'assurance qualité, des données, de la localisation et des opérations.

La tarification fixe des licences de Figma Entreprise a éliminé les hésitations autour de l'ajout de nouveaux contributeurs. L'accès complet à l'éditeur a permis à chaque équipe de travailler dans le même fichier sans obstacles.

« Partout dans l'organisation, des personnes nous demandaient un accès complet. Grâce au forfait Entreprise avec tarification annuelle fixe, nous pouvions dire oui à tout le monde sans nous inquiéter », déclare Christian Park.

Les gains ont été immédiats. Les fiches techniques redondantes ont disparu. Les ingénieurs de l'assurance qualité ont commencé à marquer les ID de test directement dans les designs. Les analystes de données ont abandonné Excel et ont annoté les points de journalisation des clics dans les fichiers que l'équipe produit utilisait. La gestion des actifs entre les designs graphiques et les designs produit a également été agrégée en une seule source de vérité.

« Une fois le processus en place, les temps de discussion entre les analystes de données et les ingénieurs ont été réduits d'environ 50 % », déclare Christian Park, responsable du design chez Flipster.

La localisation a aussi considérablement gagné en efficacité. En utilisant le plugin Crowdin pour Figma, Flipster gère désormais les traductions directement depuis le calque de design. La synchronisation des chaînes UX est automatique, et les versions localisées des nouvelles fonctionnalités sont lancées selon le même calendrier que les versions mondiales. Les différentes langues ne nécessitent plus de workflows séparés.

Les dirigeants sont beaucoup mieux alignés. Avant Figma, le déploiement d'une fonctionnalité pouvait nécessiter deux ou trois réunions simplement pour examiner les design définitifs. Désormais, les parties prenantes parcourent les fichiers en direct, laissent des commentaires et prennent des décisions de manière asynchrone. Dans une entreprise opérant d'abord à distance et expédiant des mises à jour toutes les semaines, ce type d'alignement est difficile à maintenir. Mais grâce à Figma Entreprise, Flipster en a fait la norme.

Il fallait deux à trois réunions à travers le monde par fonctionnalité simplement pour aligner les parties prenantes. Désormais, les dirigeants peuvent consulter le fichier quand ils le souhaitent. L'écart entre les responsables et les contributeurs individuels s'est considérablement réduit.

Christian Park, responsable du design, Flipster

Éliminer les frictions liées au transfert de 40 % avec le Dev Mode

Pour les ingénieurs de Flipster, le Dev Mode a changé le mode de transfert. Auparavant, les designers devaient annoter chaque écran avec des détails concernant l'espacement, le dimensionnement et la typographie. Chaque plateforme avait ses particularités : iOS utilisait des points et Android utilisait d'autres unités, ce qui impliquait souvent de créer des tableaux côte à côte simplement pour comparer les valeurs.

« Avant le Dev Mode, les designers devaient expliquer chaque détail. Nous créions souvent des tableaux comparant les mesures entre les plateformes », indique Christian. « Maintenant, les développeurs récupèrent automatiquement les données sans que nous ayons à tout spécifier. À lui seul, cet aspect réduit les temps de transfert de 40 %. »

Pour une équipe livrant chaque semaine, ce type d'efficacité équivaut à augmenter la capacité de développement sans ajouter de personnel. Cela signifie également moins d'erreurs sur toutes les plateformes et des créations plus rapides dès le premier jour.

fenêtre modale du playground de composants dans le dev mode avec bascules pour les élémentsfenêtre modale du playground de composants dans le dev mode avec bascules pour les éléments
Écran Dev Mode de Flipster

Expérimenter ce qui vient

Pour soutenir l'adoption et l'amélioration continue, Flipster a établi le « Design Chapter », un groupe de designers par domaine orienté sur les tests des nouvelles fonctionnalités, la formation des collègues et l'élévation des normes de design de l'entreprise.

membre de l'équipe flipster dans une salle de conférence avec figma et membres d'un appel zoom sur le murmembre de l'équipe flipster dans une salle de conférence avec figma et membres d'un appel zoom sur le mur
Équipe « Design Chapter » de Flipster dans Figma

Ce groupe a également développé un plugin Cursor-Figma personnalisé pour rendre les examens à distance plus interactifs et immédiats. Le même plugin permet également d'automatiser la localisation en synchronisation les noms de calques de Figma avec Crowdin, de sorte que lorsqu'un designer met à jour un composant, la clé de traduction correspondante est automatiquement mise à jour. Cela élimine l'étiquetage manuel, réduit les allers-retours et permet à l'équipe de la localisation d'avancer au même rythme que l'équipe du design.

Nous voulions être plus efficaces et nous explorons les nouvelles fonctionnalités de Figma. Nous avons créé un plugin Cursor-Figma qui met à jour Crowdin lorsque vous changez le nom du calque. Cela élimine les étapes d'étiquetage manuel.

Christian Park, responsable du design, Flipster

écran flipster avec plugin de localisation au-dessus et champsécran flipster avec plugin de localisation au-dessus et champs
CrowdIn, plug-in de localisation de Flipster dans Figma

Les outils IA de Figma ont également eu un impact. Une fonctionnalité qui a rapidement changé les workflows quotidiens est la recherche basée sur l'image. Les développeurs et les product managers déposent désormais une capture d'écran dans Figma pour localiser l'écran correspondant en quelques secondes. Ce qui nécessitait cinq minutes n'en nécessite maintenant qu'une seule, et cette économie de temps permet de suivre le rythme du cycle de publication hebdomadaire.

Dans une industrie où la confiance est essentielle, la précision et la gouvernance sont aussi importantes que la rapidité. Avec Figma Entreprise, Flipster expédie ses produits au rythme du marché, tout en restant aligné en termes de conformité, de localisation et de précision du design dans chaque équipe.

« Nous expédions chaque semaine car la cryptomonnaie l'exige. C'est grâce à Figma que ce rythme est possible. Figma permet à une équipe de 230 personnes de fonctionner avec l'agilité et la productivité d'une entreprise faisant dix fois notre taille », déclare Christian.

Découvrez comment Figma vous aide à faire évoluer le design

Un design d'exception peut aider votre produit et votre marque à sortir du lot. On ne crée de grandes choses qu'ensemble ! Figma rassemble les équipes produit dans un workflow de design rapide et plus inclusif.

Contactez-nous pour découvrir comment Figma peut aider votre entreprise à faire évoluer le design.

Nous verrons comment Figma peut vous aider à :

  • Centraliser chaque étape du processus de design, de l'idéation à la création en passant par la mise en œuvre
  • Accélérer les workflows de design avec des design systems partagés à l'échelle de l'entreprise
  • Favoriser l'inclusion au sein du processus de l'équipe produit avec des produits web accessibles et simples d'utilisation

Connect with our team

By clicking “Submit” you agree to our TOS and Privacy Policy.