{"id":20744,"date":"2024-01-26T14:16:31","date_gmt":"2024-01-26T12:16:31","guid":{"rendered":"https:\/\/sylius.com\/case-study\/g20-minute-click-collect-une-refonte-complete-de-lensemble-de-la-pile-technologique-avec-sylius\/"},"modified":"2024-01-26T14:18:54","modified_gmt":"2024-01-26T12:18:54","slug":"g20-minute-click-collect-une-refonte-complete-de-lensemble-de-la-pile-technologique-avec-sylius","status":"publish","type":"case-study","link":"https:\/\/sylius.com\/fr\/case-study\/g20-minute-click-collect-une-refonte-complete-de-lensemble-de-la-pile-technologique-avec-sylius\/","title":{"rendered":"G20 Minute Click &#038; Collect : Une refonte compl\u00e8te de l&rsquo;ensemble de la pile technologique avec Sylius"},"content":{"rendered":"\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-0bd48e51\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<p>Dans le cadre de l&rsquo;\u00e9volution de son \u00e9cosyst\u00e8me num\u00e9rique, G20 souhaitait moderniser sa plateforme click &amp; collect \u00ab\u00a0G20 Minute\u00a0\u00bb. G20 a choisi Calliweb pour les accompagner dans cette mission. Ils ont \u00e9galement demand\u00e9 \u00e0 notre partenaire de travailler sur le renforcement de la strat\u00e9gie num\u00e9rique de G20.<\/p>\n\n\n\n<p>G20, une marque du groupe Diapar, est une cha\u00eene de supermarch\u00e9s fran\u00e7aise fond\u00e9e en 1975. Aujourd&rsquo;hui, G20 compte plus de 130 magasins ind\u00e9pendants. Ces supermarch\u00e9s sont situ\u00e9s \u00e0 la fois dans la r\u00e9gion parisienne, \u00e0 l&rsquo;ouest, au nord et \u00e0 l&rsquo;est de la France. La marque place les attentes des clients au c\u0153ur m\u00eame de ses services.<\/p>\n\n\n\n<p><ul>&#13;\n \t<li>D\u00e9velopper \u00ab\u00a0G20 Minute\u00a0\u00bb &#8211; une plateforme de vente pour les clients (approche BtoC)<\/li>&#13;\n \t<li>Faciliter la gestion de cette plateforme par les magasins (approche BtoB)<\/li>&#13;\n<\/ul><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Objectifs de conception pour la nouvelle plateforme de commerce \u00e9lectronique G20 Minute et rendre son fonctionnement efficace <\/h1>\n\n\n\n<h3 class=\"wp-block-heading\">G20 &#8211; Pionniers du click &amp; collect<\/h3>\n\n\n\n<p>G20 a \u00e9t\u00e9 un pionnier lorsqu&rsquo;ils ont lanc\u00e9 leur service click &amp; collect en 2012. Cependant, il n&rsquo;a subi aucune modification majeure depuis lors. Il \u00e9tait donc essentiel qu&rsquo;il \u00e9volue.<\/p>\n\n\n\n<p>Ils souhaitaient offrir \u00e0 leurs clients une meilleure exp\u00e9rience d&rsquo;achat, afin de r\u00e9pondre aux nouveaux usages d&rsquo;une cible plus large, tout en mettant en avant les avantages pour les clients.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9largir les options signifie un service client am\u00e9lior\u00e9.<\/h3>\n\n\n\n<p>Initialement, la plateforme G20 Minute ne proposait que le service de click &amp; collect. En tant que v\u00e9ritable d\u00e9fi commercial, surtout depuis le d\u00e9but de la crise sanitaire li\u00e9e \u00e0 la pand\u00e9mie, ce service devait \u00e9voluer et \u00eatre enrichi de nouvelles fonctionnalit\u00e9s.<\/p>\n\n\n\n<p>L&rsquo;un des \u00e9l\u00e9ments cruciaux \u00e9tait la livraison \u00e0 domicile, d\u00e9sormais disponible sur les magasins en ligne G20. Les utilisateurs peuvent d\u00e9sormais choisir la m\u00e9thode de collecte de commande qui leur convient le mieux depuis la pr\u00e9-page d&rsquo;accueil. Ils peuvent \u00e9galement modifier ce choix \u00e0 tout moment via les options dans l&rsquo;espace de l&rsquo;en-t\u00eate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" src=\"https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Zrzut-ekranu-2022-04-12-o-12.36.52-1024x465.png\" alt=\"\" class=\"wp-image-15861\" srcset=\"https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Zrzut-ekranu-2022-04-12-o-12.36.52-1024x465.png 1024w, https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Zrzut-ekranu-2022-04-12-o-12.36.52-300x136.png 300w, https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Zrzut-ekranu-2022-04-12-o-12.36.52-768x349.png 768w, https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Zrzut-ekranu-2022-04-12-o-12.36.52.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Un design UX\/UI modernis\u00e9 pour un parcours client moderne.<\/h3>\n\n\n\n<p>En commen\u00e7ant d\u00e8s la base du site web, Calliweb a enti\u00e8rement repens\u00e9 la structure arborescente pour r\u00e9pondre aux tendances actuelles des sites de commerce \u00e9lectronique et \u00e0 la navigation sur les appareils mobiles. Ils ont \u00e9galement r\u00e9vis\u00e9 le moteur de recherche et la navigation par famille de produits. De plus, le site dispose d\u00e9sormais de filtres actualis\u00e9s ainsi que d&rsquo;un moyen de mettre en avant les promotions et les produits.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Capture-de&#x301;cran-2022-04-08-a&#x300;-12.14.23-1024x594.png\" alt=\"\" class=\"wp-image-15866\"\/><\/figure>\n\n\n\n<p>Calliweb a \u00e9galement cr\u00e9\u00e9 une nouvelle charte graphique num\u00e9rique bas\u00e9e sur la charte historique du groupe G20. Il semblait appropri\u00e9 de retravailler la palette graphique de la marque en lui donnant un aspect plus lumineux et color\u00e9. Ils ont \u00e9galement ajout\u00e9 des visuels de qualit\u00e9 et de nouveaux ic\u00f4nes. De plus, il y a maintenant de nouvelles vignettes de produits pour distinguer rapidement les diff\u00e9rentes offres appliqu\u00e9es.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Les raisons qui ont motiv\u00e9 le choix du framework de commerce \u00e9lectronique Sylius sont les suivantes :<\/h1>\n\n\n\n<p>Le choix du framework de commerce \u00e9lectronique Sylius s&rsquo;est av\u00e9r\u00e9 \u00eatre le plus adapt\u00e9 en raison de la complexit\u00e9 du syst\u00e8me de promotions de G20 et de la sp\u00e9cificit\u00e9 du site de commerce \u00e9lectronique. Comme Calliweb est sp\u00e9cialis\u00e9 dans la mise en \u0153uvre d&rsquo;autres syst\u00e8mes de commerce \u00e9lectronique, tels que Magento par exemple, ils ont une bonne compr\u00e9hension des fonctionnalit\u00e9s disponibles dans diff\u00e9rents syst\u00e8mes. Cependant, leur analyse des besoins a soulign\u00e9 que Sylius \u00e9tait le mieux adapt\u00e9 \u00e0 ce projet. En particulier, Sylius a permis \u00e0 l&rsquo;\u00e9quipe de Calliweb de r\u00e9pondre aux besoins omnicanal et d&rsquo;interface requis pour ce projet ambitieux.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Omnichannel<\/h3>\n\n\n\n<p>Dans le cas de G20, l&rsquo;omnicanalit\u00e9 est une valeur cruciale, car elle est fortement li\u00e9e \u00e0 la fid\u00e9lit\u00e9 de la client\u00e8le. Ainsi, quel que soit le canal d&rsquo;achat du client, les remises applicables \u00e0 leur panier sont prises en compte. De plus, le calcul des remises clients d\u00e9pend de divers facteurs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Marketplace<\/h3>\n\n\n\n<p>Le concept G20-minute repose sur une structure presque similaire \u00e0 celle d&rsquo;un march\u00e9 en ligne &#8211; les magasins physiques sont totalement ind\u00e9pendants, y compris en ce qui concerne les r\u00e8gles d&rsquo;exp\u00e9dition (comme les frais de livraison \u00e0 domicile, le montant minimum de commande, etc.), la tarification et l&rsquo;assortiment de produits. C&rsquo;est pourquoi l&rsquo;\u00e9quipe technique de Calliweb avait besoin d&rsquo;une solution robuste avec des moteurs de r\u00e8gles complexes pour calculer \u00e0 la fois la valeur finale du panier d&rsquo;achat et les co\u00fbts d&rsquo;exp\u00e9dition. Le r\u00e9sultat permet au site d&rsquo;agr\u00e9gation des donn\u00e9es ad\u00e9quates et de fournir les informations correctes aux clients.<\/p>\n\n\n\n<p>De plus, la solution Sylius se pr\u00eate parfaitement \u00e0 l&rsquo;interfa\u00e7age avec la plateforme de gestion des fournisseurs utilis\u00e9e par les \u00e9quipes de G20. Elle offre \u00e9galement de tr\u00e8s bonnes performances en termes de scores SEO.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Capture-de&#x301;cran-2022-04-08-a&#x300;-12.14.06-1024x594.png\" alt=\"\" class=\"wp-image-15871\"\/><figcaption><a href=\"https:\/\/www.g20-minute.com\/nos-enseignes\"><sup>Visit G20 Minute<\/sup><\/a><\/figcaption><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">Syst\u00e8me de gestion des commandes personnalis\u00e9 pour les magasins connect\u00e9s avec des blocs Symfony.<\/h1>\n\n\n\n<p>En raison de leur statut ind\u00e9pendant, les magasins G20 vendent leur propre s\u00e9lection de produits. Parall\u00e8lement \u00e0 la refonte de la plateforme click &amp; collect de G20, Calliweb a d\u00e9velopp\u00e9 un syst\u00e8me de gestion des commandes sur mesure (OMS) bas\u00e9 sur le framework Symfony.<\/p>\n\n\n\n<p>Il permet aux magasins de g\u00e9rer leur offre de mani\u00e8re simplifi\u00e9e. Pour des raisons organisationnelles, il est \u00e9galement essentiel pour le personnel de direction d&rsquo;avoir une vue d&rsquo;ensemble compl\u00e8te en un seul endroit, car certains responsables poss\u00e8dent plus d&rsquo;un magasin.<\/p>\n\n\n\n<p>Calliweb a d\u00e9velopp\u00e9 un OMS avec une interface utilisateur ergonomique qui peut \u00eatre facilement configur\u00e9e par les magasins. Le design UX\/UI a \u00e9t\u00e9 enti\u00e8rement con\u00e7u par le studio de design web de Calliweb afin de garantir une courbe d&rsquo;apprentissage rapide et facile pour les utilisateurs.<\/p>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":15877,"menu_order":0,"template":"","case-studies-category":[223],"case-studies-product":[314],"case-studies-tag":[222,20],"country":[8],"class_list":["post-20744","case-study","type-case-study","status-publish","has-post-thumbnail","hentry","case-studies-category-food","case-studies-product-standard","case-studies-tag-b2c","case-studies-tag-headless","country-france"],"acf":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Capture-de\u0301cran-2022-04-08-a\u0300-12.13.37.png",1703,925,false],"thumbnail":["https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Capture-de\u0301cran-2022-04-08-a\u0300-12.13.37-150x150.png",150,150,true],"medium":["https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Capture-de\u0301cran-2022-04-08-a\u0300-12.13.37-300x163.png",300,163,true],"medium_large":["https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Capture-de\u0301cran-2022-04-08-a\u0300-12.13.37-768x417.png",768,417,true],"large":["https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Capture-de\u0301cran-2022-04-08-a\u0300-12.13.37-1024x556.png",1024,556,true],"1536x1536":["https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Capture-de\u0301cran-2022-04-08-a\u0300-12.13.37-1536x834.png",1536,834,true],"2048x2048":["https:\/\/sylius.com\/wp-content\/uploads\/2022\/04\/Capture-de\u0301cran-2022-04-08-a\u0300-12.13.37.png",1703,925,false]},"uagb_author_info":{"display_name":"sylius","author_link":"https:\/\/sylius.com\/fr\/author\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/sylius.com\/fr\/wp-json\/wp\/v2\/case-study\/20744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sylius.com\/fr\/wp-json\/wp\/v2\/case-study"}],"about":[{"href":"https:\/\/sylius.com\/fr\/wp-json\/wp\/v2\/types\/case-study"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sylius.com\/fr\/wp-json\/wp\/v2\/media\/15877"}],"wp:attachment":[{"href":"https:\/\/sylius.com\/fr\/wp-json\/wp\/v2\/media?parent=20744"}],"wp:term":[{"taxonomy":"case-studies-category","embeddable":true,"href":"https:\/\/sylius.com\/fr\/wp-json\/wp\/v2\/case-studies-category?post=20744"},{"taxonomy":"case-studies-product","embeddable":true,"href":"https:\/\/sylius.com\/fr\/wp-json\/wp\/v2\/case-studies-product?post=20744"},{"taxonomy":"case-studies-tag","embeddable":true,"href":"https:\/\/sylius.com\/fr\/wp-json\/wp\/v2\/case-studies-tag?post=20744"},{"taxonomy":"country","embeddable":true,"href":"https:\/\/sylius.com\/fr\/wp-json\/wp\/v2\/country?post=20744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}