Accueil
Étude de cas client · Sylius

Le parcours d'achat d'Onatera, du panier mobile à la commande

Des évolutions livrées sur une boutique Sylius de produits naturels en production, parmi lesquelles le panier sur mobile, les coupons cumulés, la connexion sans quitter la commande, les images des déclinaisons, le fil d'Ariane et des blocs dynamiques.

ClientOnatera
PériodeJanvier à mars 2022
PlateformeSylius (Symfony)
SecteurSanté, beauté, nutrition

Contexte

Une grande boutique de produits naturels, bâtie sur Sylius

Onatera vend en ligne plus de 2 000 produits naturels de santé, de beauté et de nutrition. Sa boutique tourne sous Sylius, le framework e-commerce construit sur Symfony, dans une infrastructure Docker et Kubernetes gérée par ses équipes.

Sur un catalogue de cette taille, chaque frein dans le parcours d'achat se paie en paniers abandonnés : un panier peu lisible sur téléphone, un code promo refusé, une connexion qui fait perdre le fil de la commande, une photo qui ne correspond pas à la déclinaison choisie.

Mission

Fluidifier l'achat, de la fiche produit au paiement

De janvier à mars 2022, nous avons développé une série d'évolutions sur la boutique en production, intégrées au thème et à la logique de Sylius.

  1. Fiche produit

    Des images reliées aux déclinaisons et un fil d'Ariane pour se repérer dans le catalogue.

  2. Panier

    Un panier pensé pour le mobile et un bloc qui affiche les coupons cumulés.

  3. Commande

    Une connexion en fenêtre au moment de commander, et des blocs de contenu rendus dynamiques.

Réalisations

Quelques évolutions livrées

  • Mobile

    Le panier en mode mobile

    Une mise en page du panier conçue pour les petits écrans : produits, quantités et total restent lisibles et faciles à modifier au doigt.

  • Promotions

    Le bloc des coupons cumulés

    Quand plusieurs coupons s'appliquent à une même commande, le client voit dans un bloc dédié ce qu'il a utilisé.

  • Commande

    La connexion en fenêtre pendant la commande

    Le client se connecte dans une fenêtre qui s'ouvre au-dessus de la page, sans quitter sa commande ni perdre son panier.

  • Fiche produit

    Les images des déclinaisons

    Chaque déclinaison d'un produit est reliée à ses images : la photo affichée correspond à la variante choisie.

  • Navigation

    Le fil d'Ariane

    Un fil d'Ariane qui situe chaque page dans le catalogue, utile aux clients comme aux moteurs de recherche.

  • Contenus

    La dynamisation de blocs

    Des blocs de la boutique jusque-là figés, rendus dynamiques pour afficher un contenu à jour sans intervention dans le code.

Méthode

Travailler avec Sylius, pas contre lui

  • Sylius
  • Symfony
  • Twig
  • JavaScript
  • Docker
  • Kubernetes

Une boutique en production : chaque évolution est intégrée dans le thème et la logique existants de Sylius, sur un site qui vend tous les jours.

Les mécanismes natifs d'abord : panier, promotions, déclinaisons et comptes clients s'appuient sur ce que Sylius sait déjà faire, pour que les évolutions restent compatibles avec la suite du projet.

L'infrastructure du client, telle quelle : Onatera disposait déjà de son environnement Docker et Kubernetes. Nous avons développé et livré dans cette infrastructure existante, sans la modifier.

Résultats

Des évolutions en ligne sur onatera.com

  • 3 mois

    de mission, de janvier à mars 2022

  • 2 000+

    produits dont la fiche et le panier bénéficient de ces évolutions

Voir le site onatera.com

Sur le même sujet

Services & expertises mobilisés
  • Développement et évolutions de boutiques Sylius.
  • Parcours d'achat : panier, promotions, comptes clients et commande.
  • Intervention sur des boutiques en production, dans l'infrastructure existante du client.