Rapide, impeccable et headless : Migration de Yummygums de WooCommerce vers Shopify

Une pile technologique composée de Shopify, Instant Commerce et Storyblok, c'est ce que nous avons utilisé pour créer un site web headless très performant pour Yummygums. Nous avons d'abord créé leur boutique au Royaume-Uni comme preuve de concept. Après l'avoir testée et approuvée, nous nous sommes occupés des autres boutiques. Lisez la suite pour découvrir pourquoi WooCommerce avait besoin d'une mise à jour, et le raisonnement derrière nos choix.

Des chewing-gums pour qui ?

Mais tout d'abord, une petite présentation. Yummygums vous fournit votre dose quotidienne de vitamines sous la forme de délicieux gummies. La marque néerlandaise s'est lancée en 2017 avec une multivitamine et propose désormais 16 gommes vitaminées différentes, de l'énergie au sommeil, des mères aux enfants.

Preuve de concept

Leur site web original pour le marché néerlandais était construit sur WooCommerce. Il était difficile et coûteux à maintenir, sans parler de la vitesse de chargement. Le projet de s'installer au Royaume-Uni était l'occasion idéale pour eux de créer une preuve de concept, et ils sont donc venus nous voir pour nous demander de commencer à construire. Les principales exigences étaient la vitesse et l'évolutivité. Pour y parvenir, nous avons décidé de nous associer à Instant Commerce et Storyblok pour créer un site web sans tête connecté à un back-end Shopify .

Pourquoi cette pile technologique ?

Les vitrines sans tête sont des sites web créés à l'aide d'un front-end séparé qui est connecté à un système de gestion de contenu (CMS) et d'un back-end qui fournit les données d'entrée du site web. Dans le cas présent, le back-end est constitué de Shopify et de Storyblok, le back-end est construit avec Instant Commerce.

Le back-end

Commençons par le back-end. Dans Shopify , nous avons toutes les informations sur les produits, les réductions, les informations sur les clients, etc, dans Storyblok nous avons tout le contenu. L'une des principales raisons pour lesquelles Shopify est considéré comme meilleur que WooCommerce, c'est leur écosystème. Pourquoi ?

La première grande différence est l'hébergement. Avec l'infrastructure auto-hébergée de WooCommerce, les commerçants sont responsables de la sécurité, des performances et de la maintenance. Shopify dispose d'un hébergement géré, ce qui dispense les marchands de tous ces problèmes.

Un deuxième écart concerne les plugins par rapport aux applications. Bien que la surcharge de plugins de WooCommerce partage essentiellement le même objectif que les applications de Shopify (mise à niveau et personnalisation), le récit est complètement différent. Les plugins WooCommerce sont souvent conflictuels, nécessitent une mise à jour manuelle permanente, ralentissent les performances et présentent des risques de sécuritéShopify, en revanche, vérifie minutieusement la compatibilité des applications pour s'assurer qu'elles ne perturbent pas votre boutique. En outre, Shopify simplifie la gestion des applications grâce à une plateforme d'applications centralisée.

Le front-end

Passons à la partie frontale, qui est réalisée avec Instant. Instant Commerce est un constructeur de pages Shopify visuel et sans code. Cette solution SaaS sans tête vous permet de créer facilement un front-end sans tête et de le connecter à votre back-end. L'avantage de travailler avec Instant Commerce est qu'ils s'occupent de votre hébergement et des connexions avec Shopify et Storyblok.

Une vitrine sans tête vous permet non seulement de créer un site web attrayant, mais aussi de le faire fonctionner rapidement. Instant Commerce fonctionne avec des pages générées de manière statique. Contrairement aux sites web normaux qui se chargent dynamiquement, Instant Commerce préconstruit des pages qui contiennent 90 à 95 % des mêmes composants. Seuls 5 à 10 % seront des contenus dynamiques. Cela rend le site web incroyablement performant.

Pour vous en convaincre, consultez la comparaison que nous avons faite entre le nouveau et l'ancien site web.

Le résultat

Le résultat est un site web magnifique et performant. Nous l'utilisons souvent comme référence pour montrer à quel point les marques peuvent placer la barre haut. Leur taux de conversion a grimpé en flèche grâce au travail supplémentaire que nous avons effectué sur l'optimisation de la carte et de la page de paiement. Avec leur stack technologique actuel, Yummygums est prêt à se développer encore plus.

En résumé :

• Statut passé sur Core Web Vitals pour un référencement optimal

• Infrastructure évolutive, pas de coûts d'hébergement ni de problèmes liés aux CDN, aux pics de trafic, etc.

• Pas de plugins obsolètes qui peuvent nuire à l'ensemble de l'installation

• Personnalisateur facile à utiliser pour ajouter de nouveaux produits, des articles de blog, des pages, etc.

• Conversion élevée et paiement rapide grâce à la page unique de paiement personnalisable

Ça vous dit quelque chose ? Parlons-en !