Punkt wyjścia
400 produktów i miliony kombinacji
Każdy z ponad 400 produktów .mdd można skonfigurować: wymiary blatu, kolory, filc, ramę, wtyczki, akcesoria. Z tych opcji powstają miliony możliwych wariantów, a każdy musi mieć poprawną cenę, podgląd i komplet danych w zamówieniu. Domyślny front Magento 2 przy tej skali katalogu i dużej ilości mediów działał wolno. Standardowy checkout Magento nie był projektowany pod produkty, w których jedna pozycja w koszyku składa się z wielu parametrów. Do tego dochodziła warstwa integracji: mikroserwisy oraz wymiana danych z ERP i SAP. .mdd ma własny zespół programistów i potrzebował dodatkowych osób z doświadczeniem w Magento, które wejdą w istniejący kod i proces bez zatrzymywania sprzedaży.
Co zrobiliśmy
Pracujemy w zespole .mdd, na jego kodzie
Działamy w repozytorium i procesie zespołu .mdd i bierzemy na siebie wydzielone obszary platformy.
- 1
Katalog, który udźwignie miliony wariantów
Razem z programistami .mdd uporządkowaliśmy logikę katalogu ponad 400 konfigurowalnych produktów. Chodziło o to, żeby wycena, dostępność opcji i dane wariantu liczyły się przewidywalnie, a strona produktu nie zwalniała przy dużej liczbie zdjęć i wizualizacji. Ta praca była podstawą dla migracji frontu i nowego checkoutu.
- 2
Własny checkout na React i Node.js
Współtworzyliśmy dedykowany checkout oparty na React, Node.js i Remix.js. Koszyk pokazuje pełny rozkład skonfigurowanego produktu, na przykład blat, obrzeże, filc, ramę, wtyczkę i mediabox, oraz podsumowanie netto, VAT i brutto. Checkout odpowiada w czasie poniżej sekundy także przy złożonych konfiguracjach.
- 3
Migracja storefrontu na Hyvä
Pomogliśmy przenieść front Magento 2 z domyślnego motywu na Hyvä. Po migracji storefront działa pięć razy szybciej i utrzymuje wynik powyżej 80 punktów w Lighthouse, choć strony produktów niosą dużo zdjęć i wizualizacji. Lżejszy front łatwiej też rozwijać przy kolejnych zmianach w szablonach.
- 4
Integracje z ERP, SAP i mikroserwisami
Pracujemy nad wymianą danych między sklepem a systemami zaplecza: ERP, SAP i mikroserwisami .mdd. Zamówienie złożone w checkoucie musi trafić dalej z kompletem parametrów konfiguracji, a ceny i dane produktów muszą wracać do sklepu bez ręcznego przepisywania. Pilnujemy, żeby zmiany w sklepie nie psuły tych przepływów.
Efekt
Szybszy sklep i checkout pod produkty konfigurowalne
Storefront .mdd na Hyvä działa pięć razy szybciej niż przed migracją i trzyma ponad 80 punktów w Lighthouse. Własny checkout obsługuje produkty złożone z wielu parametrów i odpowiada w czasie poniżej sekundy. Katalog z milionami możliwych kombinacji działa na uporządkowanej logice, a dane przepływają między sklepem, ERP i SAP. Współpraca trwa: pracujemy w zespole .mdd przy kolejnych zmianach na platformie.
- Rozwijamy platformę razem z zespołem .mdd od 2021 roku
- Utrzymujemy i rozwijamy checkout na React i Node.js
- Pilnujemy wydajności frontu na Hyvä przy nowych funkcjach
- Pracujemy przy integracjach z ERP, SAP i mikroserwisami
