Migration de Shopify vers Finqu : comment Takomo a créé une boutique en ligne entièrement sur mesure

Takomo a conçu une boutique en ligne à son image

Takomo Systems souhaitait une boutique en ligne à la hauteur de la qualité de ses PC gaming. Lorsqu'il a été décidé de refondre entièrement le cœur de la boutique, Takomo a repensé toute son expérience en ligne autour de ses besoins spécifiques, en migrant de Shopify vers Finqu.

Sur la boutique de Takomo, on ne se contente pas d'ajouter un produit au panier. Le client peut configurer son PC gaming composant par composant, comparer les options, obtenir de l'aide pour ses choix et suivre l'assemblage de sa machine après la commande.

Le tout au sein d'une boutique qui reflète parfaitement l'identité de Takomo.

Des PC gaming, assemblés un par un

Takomo Systems a débuté ses activités en 2017. Si les premiers PC étaient montés dans un salon, l'entreprise a depuis grandi pour s'installer dans ses propres locaux de production à Järvenpää.

Une chose n'a cependant pas changé : Takomo assemble ses ordinateurs en Finlande, offrant une alternative aux PC gaming produits en série. Chaque machine est conçue selon les préférences et les besoins du client, une philosophie qui s'applique également à la boutique en ligne.

L'achat d'un PC gaming sur mesure implique de nombreux choix. Processeur, carte graphique, mémoire, carte mère : les composants doivent être compatibles, mais la technique ne fait pas tout. Le client doit aussi comprendre l'impact réel de ses choix à l'usage, et savoir quand la différence entre deux options se résume à de simples chiffres sur une fiche technique.

C'est pourquoi le rôle de la boutique en ligne ne se limite pas à présenter des composants. Elle doit aussi aider à concevoir l'ordinateur idéal.

« Pour nous, la boutique en ligne fait aussi office de vendeur. Le client n'a pas besoin de connaître la différence technique entre deux processeurs : notre site doit communiquer simplement, avec juste ce qu'il faut d'informations pour lui permettre de prendre une décision éclairée. »

« C'est pourquoi notre configurateur indique directement quel composant limite les performances et où l'investissement supplémentaire sera réellement perceptible. Si l'achat ressemble à une lecture de liste technique indigeste, c'est que nous avons échoué. »

Quand le cœur de la boutique est entièrement repensé

L'ancienne boutique Shopify de Takomo fonctionnait bien, mais il y avait beaucoup d'aspects du Configurateur PC qu'ils souhaitaient améliorer pour la nouvelle version.

Takomo avait lancé son premier configurateur en 2021, à une époque où la pénurie mondiale de composants rendait l'assemblage de PC particulièrement complexe. Cet outil permettait aux clients de créer une machine uniquement à partir de pièces réellement disponibles. Au fil des ans, il est devenu l'élément central de la stratégie de vente en ligne de Takomo.

Lorsque la planification de la nouvelle version a commencé, il ne s'agissait plus d'une simple mise à jour. Le configurateur devait être entièrement reconstruit, offrant l'opportunité de repenser l'ensemble de la boutique en ligne avec un regard neuf.

La plateforme a également changé.

Shopify a été abandonné au profit de Finqu pour la nouvelle boutique.

PC Builder 2.0 simplifie les choix complexes

L'élément le plus marquant de la nouvelle boutique est le PC Builder 2.0.

Auparavant, le client devait choisir entre des configurations AMD ou Intel avant même de commencer la comparaison. Désormais, les deux options sont intégrées à une expérience unique, permettant de comparer les composants directement lors de la création du PC sur mesure.

Le client n'a plus besoin de connaître les différences techniques entre les cartes mères à l'avance ni d'ouvrir plusieurs onglets pour comprendre ce qui distingue deux options. L'outil de configuration intègre toutes les informations essentielles directement dans le processus de sélection.

Ce changement peut sembler n'être qu'une refonte de l'interface, mais pour Takomo, il s'agit de bien plus : une manière de simplifier la vente en ligne de produits complexes.

La boutique ne se contente pas de proposer des options. Elle aide à choisir entre elles.

La boutique n'a pas besoin d'être conventionnelle

Takomo ne s'est pas contenté de personnaliser les fonctionnalités du configurateur.

Six thèmes visuels radicalement différents ont été créés pour la boutique, accompagnant le client tout au long de son parcours d'achat, de la page d'accueil jusqu'à la validation de la commande. Le même PC de jeu peut être configuré dans un univers « cat-girl » mignon, une interface rappelant le parchemin, ou encore le thème « Takomo 9x », une parodie de Windows 95.

Les produits et les prix restent identiques. L'expérience, elle, change du tout au tout.

Takomo 9x est sans doute le détail le plus ludique du projet et, en même temps, l'une des meilleures illustrations de ce que Takomo attendait de sa nouvelle boutique en ligne. L'interface utilisateur n'est pas contrainte par les standards de la plateforme ; elle peut être modifiée pour devenir un élément central de l'identité de marque.

« Le moteur de thèmes de notre boutique en ligne est une excellente illustration de l'ensemble du projet. Ce n'est pas une fonctionnalité qui aurait figuré sur la feuille de route d'une grande équipe de développement.

Les nouveaux outils basés sur l'IA et le flux de travail que nous avons mis en place pour le développement des thèmes Finqu ont abaissé les barrières, permettant de concrétiser des idées audacieuses qui auraient été inimaginables il y a quelques années. »

Le résultat final ne ressemble en rien à Finqu. Il est 100 % Takomo.

Le service se poursuit après la commande

Le PC Builder n'est pas le seul élément développé spécifiquement pour Takomo dans cette nouvelle boutique.

Lorsqu'un client commande un PC de jeu sur mesure, le message standard « commande en cours de traitement » d'une boutique classique en dit très peu sur l'avancement réel. Chez Takomo, le client n'est pas laissé dans l'attente de l'expédition. Dans la nouvelle boutique, le suivi est rendu concret directement sur la page de commande du client. Il peut voir quand la commande a été reçue, le nombre de jours ouvrés estimés avant la finalisation du PC et la date d'expédition.

L'IA a également été intégrée au service sous deux formes, avec un modèle adapté à chaque usage. L'assistant de service client peut répondre aux questions concernant les garanties, la livraison et la personnalisation, entre autres.

L'assistant du PC Builder, quant à lui, aide à analyser la configuration de l'utilisateur et à comparer les composants entre eux. Claude est utilisé pour le service client, tandis que l'analyse et les comparaisons du configurateur sont effectuées par Gemini 3.1 Pro.

Dans les deux cas, le point de départ est le même : la boutique en ligne reflète la manière dont Takomo souhaite servir ses clients, même lorsque les fonctionnalités e-commerce prêtes à l'emploi ne suffisent plus.

Comment s'est passée la création sur Finqu ?

Dans une boutique hautement personnalisable, il ne s'agit pas seulement de ce que la plateforme propose par défaut. Il doit aussi y avoir de la place pour des idées inédites.

Le configurateur de PC de Takomo fait partie intégrante de la boutique Finqu où le client effectue ses achats. La logique de sélection personnalisée, les comparaisons de composants, les interfaces alternatives et les autres solutions développées pour Takomo s'intègrent parfaitement au parcours d'achat, menant au panier et au paiement de manière fluide.

Le tunnel de commande, les méthodes de paiement et la gestion des commandes étaient déjà opérationnels par défaut, il n'a donc pas été nécessaire de les personnaliser. Ainsi, tout le temps de développement a pu être consacré à ce qui est visible pour le client et à ce qui rend la boutique de Takomo supérieure à celle de ses concurrents.

Cependant, le développement n'a pas été totalement sans accroc. Takomo a contourné certaines limitations par ses propres moyens, et pour d'autres, l'aide de Finqu a été nécessaire. Par exemple, le délai de production estimé et personnalisé ne se transférait pas initialement du panier à la commande ; le problème a donc été résolu directement sur la plateforme.

« C'est précisément ce qui a été le meilleur aspect de tout le projet : un marchand de notre taille peut réellement discuter avec les personnes capables d'apporter des modifications à la plateforme. C'est radicalement différent d'un simple échange avec le support client classique. Chez Finqu, une demande de changement n'est pas restée lettre morte ; elle a progressé jusqu'à ce qu'elle puisse être traitée. »

Mise en œuvre technique en bref

La boutique est construite sur le thème Nova de Finqu, mais du point de vue du client, il reste très peu de choses du thème original. Le code du thème, les styles et la logique côté navigateur ont été en grande partie réécrits par Takomo.

Le langage de template utilisé est Liquid, le même que celui de Shopify. Par conséquent, les structures de l'ancienne boutique et les méthodes de travail habituelles peuvent être facilement réutilisées, évitant ainsi de devoir tout réapprendre de zéro avec une nouvelle plateforme.

Données produits directement dans le configurateur

Le configurateur de PC nécessite l'ensemble de la sélection de composants en une seule fois : prix, états des stocks, images et regroupements pour plus d'une centaine de produits.

Les données sont générées directement sur la page via Liquid, de sorte que le configurateur n'a pas besoin d'attendre des requêtes réseau distinctes pour s'ouvrir. Parallèlement, la gestion des produits reste celle, standard, de Finqu. Les composants sont des produits classiques dans leurs propres catégories, et il n'est pas nécessaire de maintenir un registre de produits séparé.

Configuration complète ajoutée au panier en une seule fois

Une configuration de PC gamer se compose de 15 à 17 lignes de commande qui doivent être ajoutées au panier comme une entité unique.

Cela est réalisé via Storefront GraphQL avec une seule cartLinesAdd mutation, et l'URL de paiement est reçue dans la même réponse. Le délai de production estimé est transmis en tant qu'information supplémentaire sur la ligne, afin qu'il puisse également être affiché dans la confirmation de commande et sur la page de suivi du client.

La compatibilité est gérée dans le navigateur

La compatibilité des pièces entre elles et les changements nécessaires en fonction des choix effectués sont résolus dans le navigateur grâce à la logique propre à Takomo.

Aucune fonctionnalité spéciale n'est requise de la part de la plateforme pour cela. Il suffit que le thème dispose de l'espace nécessaire pour exécuter son propre JavaScript et que les données produits soient disponibles dans le format requis.

Le processus de paiement et les messages ont également été finalisés pour adopter l'identité visuelle de Takomo

Le tunnel de commande fonctionnant en dehors du thème, son apparence et ses ajouts fonctionnels mineurs sont gérés via des injections de JavaScript spécifiques au canal dans Finqu.

Les e-mails de confirmation de commande et d'expédition, quant à eux, sont conçus comme des modèles MJML personnalisés dans l'éditeur d'e-mails de Finqu. La personnalisation s'étend ainsi de la boutique en ligne au paiement, jusqu'à la communication post-achat.

Développement à leur propre rythme avant le lancement

Le thème est hébergé sur Git et synchronisé avec un thème de développement distinct. Les modifications peuvent être testées en conditions réelles avant d'être publiées en production et visibles par les clients.

Pour le travail de développement lui-même, Takomo a utilisé presque exclusivement les modèles Claude d'Anthropic, en choisissant toujours le modèle le plus adapté à la tâche.

• 135 composants répartis en 14 sections
• 47 règles de compatibilité
• 7 mises en page de boutique (thèmes)
• 2 langues maintenues

Pourquoi Finqu plutôt que Shopify ?

Takomo connaissait Shopify depuis des années. C'était une plateforme fonctionnelle, et le nouveau configurateur de PC aurait pu y être construit tout aussi bien.

Alors que le configurateur de PC et une grande partie de l'expérience client allaient de toute façon être repensés, le choix de la plateforme a été remis en question. L'essentiel était que Finqu soit capable de réaliser le même projet sans que Takomo n'ait à revoir ses ambitions à la baisse.

« Shopify nous était familier et fonctionnel, et nous ne sommes pas partis par nécessité. Mais comme le configurateur et une grande partie de l'expérience de la boutique étaient en cours de refonte, c'était le moment idéal pour réévaluer la plateforme. »

La transition s'est avérée techniquement plus simple que prévu. Les deux plateformes utilisent Liquid comme langage de thème, donc la structure et la logique étaient immédiatement familières. Pour quelqu'un qui migre spécifiquement depuis Shopify, c'est un avantage considérable.

Des coûts d'exploitation plus faibles ont clairement joué en faveur de Finqu. Plus important encore, Takomo a pu construire exactement la boutique qu'il avait imaginée. Par exemple, la modification du tunnel de commande sur Shopify est limitée à l'abonnement le plus onéreux.

Les origines finlandaises de la plateforme ont également pesé dans la balance.

« Nous sommes une boutique en ligne finlandaise certifiée Avainlippu, et nous assemblons chaque appareil à la main à Järvenpää. Il est logique que la boutique soit également construite sur une plateforme finlandaise comme Finqu. »

La boutique finalisée de Takomo rend la comparaison des plateformes concrète. Une boutique en ligne hautement personnalisée ne signifie pas automatiquement Shopify. Une expérience sur mesure peut également être construite sur Finqu, où la structure, la logique d'achat et l'interface utilisateur sont poussées loin selon les besoins propres à l'entreprise.

« Si quelqu'un nous demandait si Finqu peut gérer une implémentation hautement personnalisée, la réponse est simple : nous avons réussi à mettre en œuvre toutes nos idées de développement sans friction majeure, malgré leur ambition. »

Nous n'avons rien laissé de côté dans le plan simplement parce que la plateforme a changé.

‍

Découvrez la boutique en ligne de Takomo → www.takomo.store

‍

La nouvelle boutique est le socle des idées à venir

Takomo décrit sa nouvelle boutique en ligne comme une plateforme ouverte à de nouvelles possibilités. C'est une manière pertinente d'envisager le résultat de l'ensemble du projet.

Le configurateur PC, les comparateurs de composants, les différentes interfaces utilisateur, l'assistant IA et la page de suivi de production des commandes ne sont pas une finalité. Ils illustrent la manière dont la boutique en ligne peut être développée pour s'articuler toujours plus étroitement autour des produits, des clients et du mode de fonctionnement propre à Takomo.

La nouvelle boutique n'est donc pas qu'une simple refonte réussie.

Elle offre à Takomo une plus grande liberté pour tout ce qu'ils imagineront par la suite.

‍

‍