Transformacja e-commerce klasy Enterprise dla lidera branży Retail

Wieloletnia współpraca skoncentrowana była na szybkiej weryfikacji hipotez biznesowych i wdrażaniu zmian, które realnie wpływają na konwersję oraz efektywność operacyjną. Nasze działania przełożyły się na ulepszenie procesu zakupowego użytkowników oraz optymalizację procesów wewnętrznych, prowadząc do stopniowego rozszerzania zakresu naszej współpracy.

Cele pierwotne:

• Przebudowa wersji mobilnej sklepu i maksymalne uproszczenie ścieżki zakupowej (Checkout).
• Wdrożenie nowoczesnego stosu technologicznego zapewniającego szybszy time-to-market.
• Rozdzielenie warstwy prezentacji (Frontend) od logiki biznesowej (Backend) – przejście na Headless.

Rozszerzenie współpracy:

• Pełna transformacja wersji desktopowej sklepu.
• Budowa i wdrożenie korporacyjnego Design Systemu w celu unifikacji procesów projektowych i deweloperskich.

• Intensywny ruch i wysokie oczekiwania: Bardzo wysoka skala odwiedzin oraz restrykcyjne podejście do dostępności i wydajności zobowiązywały nas do rygorystycznego przestrzegania SLA.
• Odporność i skalowalność: Aplikacja musiała być nie tylko skalowalna, ale także odporna na intensywny ruch w szczytach sprzedażowych, zapewniając pełną satysfakcję użytkowników.
• Koordynacja i skala: Duża skala projektu oznaczała ścisłą współpracę z wewnętrznymi zespołami klienta oraz zewnętrznymi partnerami, a także precyzyjne koordynowanie celów.

Nasz wewnętrzny system wartości przekłada się na sposób, w jaki współpracujemy z klientami. Angażujemy swoich specjalistów w bezpośredni kontakt – są to osoby faktycznie odpowiedzialne za dany problem i najlepiej znające rozwiązania. Niezależnie od tego, czy zajmujemy się przebudową aplikacji, wdrożeniem nowej architektury czy design systemu dla e-commerce, z naszej strony zawsze zapewniamy:

• Multidyscyplinarny zespół dedykowany klientowi
• Zaangażowanie wszystkich jego członków w każdy etap tworzenia projektu
• Bezpośredni kontakt z klientem i zmniejszanie narzutu komunikacyjnego
• Ścisłą współpracę z członkami zespołów od strony klienta oraz zewnętrznymi partnerami

W ramach projektu wdrożyliśmy serwis bazujący na Angularze, który jest frameworkiem przystosowanym do budowy złożonych aplikacji. Przyjęliśmy strategię “monorepo”, która zakłada istnienie jednego repozytorium kodu dla kilku projektów. Dzięki temu, że różne aplikacje używają tej samej bazy kodu, nowe funkcje wdrażamy automatycznie we wszystkich projektach.

Skorzystaliśmy z narzędzi dedykowanych, takich jak Nx, który ułatwia zarządzanie projektami i optymalizuje proces budowy aplikacji oraz NgRx dla zarządzania stanem, co przyczyniło się do większej przewidywalności i efektywności pracy.

Tradycyjny monolit to klasyczne podejście do budowy oprogramowania, gdzie wszystkie komponenty są ze sobą ściśle powiązane, tworząc nierozłączną całość. W przypadku złożonych systemów e-commerce coraz bardziej preferowanym rozwiązaniem staje się architektura headless. W tym modelu frontend i backend są oddzielone, co umożliwia elastyczność, skalowalność i szybsze wprowadzanie zmian. Migracja do architektury headless była strategicznym krokiem, pozwalającym na lepsze dostosowanie się do potrzeb biznesu – sprawne wprowadzanie nowych funkcji i usprawnień, a także łatwiejszą integrację z systemami zewnętrznymi.

Więcej o tym kiedy warto rozważyć Headless E-commerce.

Dokonaliśmy iteracyjnej migracji serwisu z architektury monolitycznej do headless, wykorzystując Angular dla Client-Side Rendering (CSR) i Server-Side Rendering (SSR), z zapewnieniem ciągłości funkcjonowania serwisu. To ostatnie stanowiło szczególnie ważny czynnik, ponieważ przy tej skali biznesu, klient poniósłby straty nawet w przypadku krótkotrwałej przerwy w działaniu aplikacji.

Dołączyliśmy do istniejących zespołów oraz nawiązaliśmy współpracę z wieloma partnerami, co było kluczowe do uzgodnienia kształtu API między front-endem a back-endem oraz ustalenia architektury rozwiązania, w tym implementacji SSR i wykorzystania cache, aby zapewnić efektywność i płynność transformacji.

• Jedno miejsce do tworzenia i serwowania treści​ – zmiany wprowadzone w jednym interfejsie aplikowane są do wszystkich powiązanych aplikacji.
• Skalowalność i rozszerzalność – łatwiej dodawać kolejne kanały sprzedaży czy konsumpcji treści.
• Daje przewagę biznesową przy dodawaniu nowych kanałów sprzedaży – szybszy Time to Market.
• Ułatwia współpracę z wieloma dostawcami.

Nasza współpraca została rozszerzona o opracowanie Design Systemu, by nie stanowił jedynie zbioru elementów projektowych, ale kompleksowe rozwiązanie, które dostarcza spójne biblioteki graficzne i developerskie oraz szczegółowe wytyczne ułatwiające efektywną pracę zarówno projektantów, programistów, jak i pozostałych zaangażowanych w rozwój design systemu interesariuszy.

Dzięki stworzeniu interdyscyplinarnego zespołu designerów i developerów, w którym znaleźli się także członkowie zespołów klienta, udało się osiągnąć spójność wizualną i techniczną na każdym etapie projektowania i implementacji design systemu.

Kładliśmy szczególny nacisk na skalowalność i elastyczność, umożliwiając zarządzanie wieloma projektami jednocześnie, przy zachowaniu wysokiej jakości i spójności warstwy wizualnej.

1. Audyt i wytworzenie roadmapy powstawania produktu.
2. Stworzenie visual design language oraz bibliotek komponentów (projektowa i deweloperska).
3. Dokumentacja określająca standardy korzystania z elementów systemu.
4. Wykreowanie wzorców komunikacji pomiędzy zespołami produktowymi.
5. Stałe utrzymanie i rozwój systemu odpowiadający na bieżące potrzeby biznesowe.

Początkowo nasza współpraca obejmowała przebudowanie warstwy frontend dla mobilnej wersji platformy e-commerce, jednak dzięki głębokiemu poznaniu potrzeb Klienta oraz zdobytemu zaufaniu, zakres prac został rozszerzony o wersję desktopową oraz budowę kompletnego Design Systemu.

Nasz Partner szukał kogoś więcej niż tylko wykonawcy projektu, co idealnie odzwierciedla podejście SYZYGY do budowania partnerskich relacji. Wierzymy w tworzenie zespołów blisko współpracujących z organizacją klienta, ciągłe doskonalenie technologii i transparentną komunikację. Opierając się na tych wartościach, zyskujemy realny wpływ na tworzenie jakościowych i skutecznych produktów, które wytrzymują próbę czasu.

W szybko rozwijającym się świecie e-commerce, napotkanie na różnorodne wyzwania jest nieuniknione – dotyczą one aspektów biznesowych, technologicznych oraz procesowych. Kluczowe znaczenie dla realizacji celów sprzedażowych mają odpowiednia architektura systemu, bezpieczeństwo i stabilność platformy, ale też optymalizacja procesów – zarówno tych wewnętrznych, jak i zakupowych po stronie użytkownika końcowego. Analiza oraz stałe monitorowanie danych odgrywają istotną rolę w dostosowywaniu strategii biznesowej i produktowej do bieżących potrzeb konsumentów oraz dynamicznie zmieniających się warunków rynkowych.

Dlatego w tak złożonych projektach kluczowe stają się stabilne, dobrze zintegrowane zespoły, które potrafią efektywnie funkcjonować w zmiennym otoczeniu. Ich skalowalność i elastyczność umożliwiają sprawne zarządzanie wieloma projektami jednocześnie, przy zachowaniu najwyższej jakości i płynnego działania produktów cyfrowych.

Zbudowaliśmy blisko współpracujące ze sobą interdyscyplinarne zespoły deweloperskie, składające się z ekspertów SYZYGY, specjalistów wewnętrznych po stronie Partnera oraz przedstawicieli innych dostawców technicznych. Tak ścisła współpraca pomiędzy ekspertami z różnych organizacji pozwoliła na błyskawiczne dostosowanie się do zmieniających się potrzeb biznesowych oraz skuteczne reagowanie na nowe wyzwania rynkowe.

Nasz zespół przeprowadził efektywną transformację architektury jednej z czołowych platform e-commerce w Polsce, obejmując swoimi działaniami zarówno istniejącą, jak i nową wersję systemu. Dzięki precyzyjnemu planowaniu i egzekucji, proces ten odbył się bez jakichkolwiek przestojów w funkcjonowaniu serwisu (Zero Downtime). Pozwoliło to na płynne przejście między modelami architektury bez najmniejszego wpływu na bieżącą działalność biznesową i sprzedażową Klienta.

Zapewnienie niezawodności systemu w czasie szczytów sprzedażowych było kluczowym wyzwaniem, szczególnie przy tak złożonej architekturze. Działając w dynamicznym środowisku, gdzie każda sekunda niedostępności serwisu oznacza realne straty finansowe i wizerunkowe, naszym priorytetem było zagwarantowanie płynności działania nawet przy ekstremalnym obciążeniu. Dzięki starannemu planowaniu, ciągłemu monitorowaniu wydajności i szybkiej reakcji na potencjalne ryzyka, utrzymaliśmy pełną stabilność operacyjną platformy w najbardziej krytycznych momentach roku.

Projektując i wdrażając kompleksowy Design System, zagwarantowaliśmy, że wszystkie powstające produkty cyfrowe charakteryzują się najwyższą użytecznością, wydajnością oraz spójnością. Wykorzystanie przebadanych i zoptymalizowanych komponentów ekosystemu pozwoliło na podniesienie jakości i dostępności interfejsów przy jednoczesnym przyspieszeniu prac deweloperskich.

Dzięki unikalnym metodom współpracy oraz wartościom takim jak transparentność, zaufanie i odpowiedzialność, zbudowaliśmy zespoły charakteryzujące się wyjątkowo niską rotacją. Pozwoliło to na trwałe utrzymanie kluczowego know-how wewnątrz projektu przez wiele lat, co zapewniło Klientowi najwyższy poziom bezpieczeństwa technologicznego i ciągłość rozwoju platformy.

Chcesz dowiedzieć się, jak zmigrować Twój e-commerce do architektury headless bez ryzyka przestojów? Michał chętnie opowie Ci o naszych doświadczeniach w pracy z największymi graczami retail w Polsce. Skontaktuj się z nami i porozmawiajmy o technologii, która wspiera Twój biznes.