Refonte du e-commerce de Kokopelli

Un e-commerce pas comme les autres

Kokopelli est une association qui diffuse via son site e-commerce des milliers de variétés de semis, plantes, fleurs et légumes pour votre potager.

Son positionnement éthique et responsable, ses dizaines de milliers d'adhérents et son combat quotidien pour faire connaître des variétés anciennes, originales et libres de droits ont amené l'équipe de Kokopelli à construire un site e-commerce sur mesure qui affiche leur différence avec l'industrie du même secteur.

Priorité aux valeurs du projet

Lorsque nous avons rencontré Ananda et Etienne de Kokopelli, nos premiers échanges nous ont rapidement amenés à découvrir leur système d'information et la façon dont l'association s'est organisée au fil des années pour assurer la distribution des milliers de sachets de graines vendues chaque mois.

Kokopelli a par exemple centralisé un catalogue produit qui est enrichi d'informations et de conseils rédigés en interne, automatisé la comptabilité des ventes effectuées dans leur point de vente du Mas d'Azil en Ariège et celles effectuées en ligne, automatisé la logistique transporteurs, automatisé l'impression numérique des sachets pour les stocks en cours d'ensachage, etc.

La partie la plus géniale de cette organisation maison est sans doute le parcours de collecte des sachets optimisé dans la boutique ouverte au public pour que l'équipe puisse rester efficace dans la préparation des commandes, astucieux !

Bien sûr, cette organisation efficace est issue de nombreuses années d'expérience, de remise en question, d'amélioration continue.

Pour ces mêmes motifs, EMAGMA a proposé la mise en oeuvre du framework E-commerce Sylius, et sur une base robuste, flexible, nous avons pu intégrer ce qui fait le charme et l'organisation agile de Kokopelli.

Intégration dans le système d'information

L'autre point majeur du projet a été son intégration dans un contexte à fort trafic, au sein d'un système d'information précis, et pas toujours coopératif !

Par trafic important, il faut comprendre que Kokopelli est un acteur majeur sur le marché de la vente en ligne de semis, ce qui signifie plusieurs centaines de commande par jour et des pics de fréquentation en fonction de la saisonnalité.

Pour le confort des clients, nous avons migré les données de l'ancien site vers Sylius. Cette étape a clairement fait apparaître pour les développeurs le confort de l'écosystème Symfony et nous a permis d'automatiser le processus de migration. Nous avons ainsi pu transférer les comptes utilisateurs, les commandes et le catalogue produit vers le nouveau site, une opération transparente pour les habitués 👍

Le traitement des commandes n'a pas été interrompu.

Cerise sur le gâteau, les commandes effectuées par chèque sur l'ancien site ont été confirmées sur le nouveau et expédiées sans traitement supplémentaire 😜

Un projet d'envergure, c'est d'abord de l'humain

Bien sûr la refonte du site Kokopelli a représenté un challenge majeur pour l'équipe d'Emagma, et Sylius s'est révélé parfaitement adapté pour ce projet e-commerce original.

Mais ce que nous retenons du projet, c'est la qualité de nos échanges avec l'équipe de Kokopelli, clairement en avance sur son temps pour l'autonomie et l'importance donnée à ses collaborateurs.

Sans leur confiance, leur implication et leur qualité humaine, le résultat ne serait pas le même, c'est certain.

À ce titre, un grand bravo à Ananda, Anita, Etienne et à toute l'équipe de Kokopelli 👏

Retour d'expérience technique

Kokopelli est un projet basé sur la solution open source E-commerce Sylius.

La solution s'est avérée très souple pour coller aux besoins de personnalisation des différents espaces de l'application.

Par exemple, nous avons pu intégrer facilement un panier 100% réactif développé avec VueJS : toutes les actions utilisateurs peuvent affecter le montant du panier, notamment lorsqu'un utilisateur sélectionne le produit "adhésion" qui lui octroie en temps réel une remise sur ses achats.

Nous avons également mis en place un rendu JS côté serveur (Server Side Rendering) pour les éléments réactifs que sont les filtres à facette et ce même panier.

L'intégration du Server Side Rendering avec Symfony repose sur des échanges avec un serveur nodejs (express) et une base de données clé valeur Redis pour l'échange de données liées à la session de l'internaute. Ce principe nous a permis de déporter vers des composants VueJS des templates habituellement rendus par Twig, peu adapté à ces interfaces réactives.

Du point de vue de l'infrastructure générale, beaucoup d'échanges se font soit par API, soit par import/export de fichiers plats. Là encore, aucune difficulté pour adapter Sylius et son modèle à la réalité de l'infrastructure existante.

La recherche à facettes repose sur le moteur Elastic Search pour une indexation fine des milliers d'attributs que les variétés de légumes offrent aux visiteurs (couleur, saison, rendement, germination, etc.).