Content ekspercki i sklep w jednej platformie zdrowie.pl
Wdrożenie zaprojektowane wspólnie z zespołem programistycznym i projektowym zdrowie.pl. Zobacz, jak nowe rozwiązanie dało zespołowi zdrowie.pl pełną samodzielność w zarządzaniu treścią sklepu, bez angażowania developera przy każdej zmianie.
Odwiedź stronę
O projekcie
Zespół zdrowie.pl zgłosił się do BeeCommerce z jasno określoną potrzebą: chcieli platformy, w której blog, podcasty i rekomendacje ekspertów nie byłyby dodatkiem do sklepu, tylko jego integralną częścią, a zespół marketingowy mógł zarządzać tą treścią samodzielnie, bez angażowania developera przy każdej zmianie układu strony czy publikacji nowego artykułu.
Wspólnie z zespołem programistycznym i projektowym zdrowie.pl zaprojektowaliśmy platformę opartą o architekturę headless, w której sklep i treść działają jako dwa niezależne, ale ściśle powiązane systemy. Zespół redakcyjny publikuje i edytuje treści samodzielnie w Storyblok, z podglądem zmian na żywo, a strony katalogowe łączą tę treść z żywymi danymi produktowymi ze sklepu Shopify, w tym z wymaganą prawnie historią cen zgodną z Dyrektywą Omnibus. Wiedzę ekspercką uzupełniają podcasty, audio oraz recenzje produktowe, budujące zaufanie klienta jeszcze przed decyzją zakupową.
Zdrowie.pl to nowa platforma e-commerce specjalizująca się w sprzedaży suplementów diety, witamin i produktów wellness, działająca na zasadzie selektywnego marketplace'u.
Platforma wyróżnia się autorskim Standardem Jakości – systemem oceny produktów opartym na jasno określonych kryteriach, który ma na celu zapewnienie użytkownikom dostępu wyłącznie do sprawdzonych i zweryfikowanych marek.
Selekcja — produkty oceniane według autorskiego Standardu Jakości
Jakość — ekspercka weryfikacja składu i skuteczności
Wiedza w pigułce — treści edukacyjne wspierające świadome wybory i zdrowe nawyki
Rozwój treści i sklepu kosztuje Cię więcej czasu niż powinien?
Umów rozmowę i sprawdź, czy headless commerce sprawdzi się w Twoim modelu.
Dopasowujemy technologię do biznesu. Nigdy na odwrót.
"Specjaliści z Beecommerce od pierwszego dnia prezentowali najwyższy standard pracy, koncentrując się na precyzyjnym dopracowaniu każdego elementu platformy, co było kluczowe przy migracji naszego serwisu!"
Wyzwania biznesowe
W typowym sklepie z suplementami wiedza ekspercka i oferta produktowa żyją osobno: blog nie prowadzi do zakupu, a katalog nie tłumaczy, dlaczego warto sięgnąć po dany produkt. Zdrowie.pl chciało to zmienić, łącząc jedno z drugim w ramach jednej platformy.
Głównym celem biznesowym było stworzenie architektury, w której zespół zdrowie.pl mógłby samodzielnie zarządzać zarówno treścią ekspercką, jak i ofertą sklepu, bez angażowania developera przy każdej zmianie. Projekt musiał zmierzyć się z kilkoma barierami:
Treść i sprzedaż rozdzielone systemowo , ale powiązane w warstwie prezentacji
Zespół redakcyjny potrzebował swobody w tworzeniu i publikowaniu treści, a jednocześnie ta treść musiała pozostać ściśle powiązana z żywym katalogiem produktowym, cenami i dostępnością.
Wiele formatów wiedzy eksperckiej w jednym miejscu
Blog to było za mało: platforma miała objąć też format video, podcastów i audio, różne formaty proporcji i wielkości treści oraz serwowanie treści dzieki wielu integracjom np. z vimeo czy elevenlabs.
Zgodność z Dyrektywą Omnibus
Jako sklep działający w UE, zdrowie.pl musiało prezentować najniższą cenę produktu z ostatnich 30 dni przy każdej obniżce, co wymagało wdrożenia tego mechanizmu w warstwie prezentacji cen.
Wspólny kod, wspólna odpowiedzialność
Część kodu frontendu powstawała po stronie zespołu klienta, co wymagało wspólnych standardów, code review i bieżącej koordynacji, żeby architektura pozostała spójna.
Połączenie pracy dwóch zespołów projektowych
Różne sposoby pracy i założenia projektowe wymagały znalezienia wspólnego kierunku oraz zadbania o spójność całego systemu. Wyzwaniem było połączenie obu perspektyw w jeden spójny projekt, bez utraty wcześniejszych założeń i przy uwzględnieniu wymagań developmentu.
Cele projektu
01
Rozdzielić treść od sprzedaży, nie tracąc integracji między nimi. Zbudować architekturę headless, w której CMS i sklep działają jako dwa niezależne systemy, ale strony katalogowe łączą je w jedno spójne doświadczenie dla klienta.
02
Dać zespołowi zdrowie.pl pełną samodzielność w publikowaniu treści.
Skonfigurować CMS z podglądem zmian na żywo i biblioteką gotowych bloków, tak by zespół zdrowie.pl mógł tworzyć i edytować strony bez udziału developera przy każdej zmianie.
03
Połączyć różne formaty wiedzy eksperckiej w jedną spójną ofertę
Zintegrować blog, podcasty i audio generowane przez AI jako natywne elementy platformy, a nie osobne, doklejone narzędzia.
04
Zapewnić zgodność z Dyrektywą Omnibus od samego początku. Wbudować prezentację najniższej ceny z 30 dni w warstwę produktową, zamiast traktować to jako poprawkę po wdrożeniu.
Rozwiązania i implementacja
Treść i sprzedaż w jednym miejscu: hybrydowe strony katalogowe
Wspólnie z zespołem zdrowie.pl zaprojektowaliśmy strony katalogowe, które łączą treść redakcyjną z żywymi danymi produktowymi ze sklepu. Zamiast osobnego bloga i osobnego katalogu, klient widzi jedną stronę, na której opis eksperta sąsiaduje z konkretną ofertą produktów, dostępnością i ceną pobieraną bezpośrednio ze Shopify.
CMS bez udziału developera: architektura bloków Storyblok
Zbudowaliśmy bibliotekę około 15 uniwersalnych bloków treści oraz kolejnych 15 bloków dedykowanych blogowi, opartych na czterech typach treści: stronie, artykule, stronie produktowej i profilu autora. Struktura jest na tyle przejrzysta, że zespół redakcyjny zdrowie.pl układa z niej strony samodzielnie, nie zastanawiając się, który blok pasuje do którego miejsca, a wbudowany podgląd na żywo pozwala zobaczyć efekt zmian, zanim trafią na produkcję, bez czekania na developera. Architektura została zaprojektowana tak, by zespół IT zdrowie.pl mógł ją dalej rozwijać: dodawać nowe komponenty i rozszerzać bibliotekę bloków bez przebudowy fundamentów, tak jak robił to już podczas wspólnej pracy nad kodem w trakcie wdrożenia.
Zgodność z Omnibus wbudowana w warstwę cenową
Zamiast traktować wymogi Dyrektywy Omnibus jako poprawkę po wdrożeniu, wbudowaliśmy prezentację najniższej ceny z ostatnich 30 dni bezpośrednio w warstwę produktową. Każda strona produktu i katalogu pokazuje tę historię automatycznie, bez ręcznej pracy zespołu przy każdej zmianie cennika.
Architektura headless: Shopify Hydrogen i Storyblok
Za prostotą interfejsu stoi architektura headless, która rozdziela warstwę treści od logiki sprzedażowej:
Shopify jako silnik e-commerce
Katalog produktowy, ceny, dostępność i zamówienia obsługuje Shopify, a Shopify Storefront API zasila frontend danymi produktowymi w czasie rzeczywistym.
Storyblok jako intuicyjny i bezpieczny CMS
Zespół redakcyjny zarządza treścią, blokami i strukturą stron niezależnie od kodu frontendu, bez angażowania developerów przy każdej publikacji.
Całość spina Shopify Hydrogen, frontend zbudowany na Remix i React, hostowany na Shopify Oxygen, oparty na wspólnym systemie komponentów UI i Tailwind CSS.
Od Figmy do gotowego kodu: spójny i skalowalny system projektowy
Przeprowadziliśmy kompleksowy handoff do zespołu developerskiego, porządkując komponenty i eliminując zbędne warianty oraz duplikujące się elementy. Skupiliśmy się na stworzeniu spójnej i skalowalnej struktury, która pozwala na maksymalne wykorzystanie istniejących komponentów w kolejnych blokach i widokach. Dzięki temu rozwiązania zaprojektowane w Figmie mogły być efektywnie odwzorowane w Storyblok i ponownie wykorzystywane w ramach całego serwisu.
Wiele formatów wiedzy eksperckiej w jednym miejscu
Blog to jeden z kilku sposobów dotarcia do treści eksperckiej na zdrowie.pl. Odtwarzacz podcastów oraz audio generowane przez AI pozwalają odsłuchać treść zamiast ją czytać, a widżety recenzji i ocen produktowych budują zaufanie klienta jeszcze przed decyzją zakupową.
Podsumowanie
Wdrożenie platformy dla zdrowie.pl łączy dwa światy, które w e-commerce zwykle funkcjonują osobno: sklep z suplementami i serwis wiedzy eksperckiej. Architektura headless oparta na Shopify Hydrogen i Storyblok, samodzielna publikacja treści w CMS oraz integracja podcastów, audio AI i recenzji tworzą wartość, która wykracza poza standardowy sklep internetowy.
Zdrowie.pl dysponuje dziś platformą, którą zespół rozwija samodzielnie i która jest gotowa na kolejne formaty treści oraz nowe funkcje sklepu, bez przebudowy fundamentów. Dla marki oznacza to, że obietnica złożona klientowi: rzetelna wiedza prowadząca do trafnego wyboru, jest wpisana w samo działanie platformy, a nie tylko w jej treść.
Zaufali nam
Twój partner technologiczny, nie tylko wykonawca
Synergia Biznes-IT
Działamy jako strategiczny most. Łączymy świat KPI z dyscypliną inżynierską. Tandem Business Lead + Tech Lead zapewnia, że technologia realizuje cele biznesowo-strategiczne.
Architektura klasy Enterprise
Budujemy skalowalne ekosystemy Headless odporne na piki sprzedażowe. Zapewniamy pełną synergię z ERP, PIM i CRM, trwale eliminując barierę długu technologicznego.
Ciągłość i Bezpieczeństwo
Rozumiemy koszt minuty przestoju w Enterprise. Dostarczamy systemy Fail-Safe z twardym SLA. Dbamy o Compliance i stabilność procesów transakcyjnych.
Beecommerce Hypercare
Projektujemy systemy raportujące marżę, retencję i realny zysk, a nie tylko ruch w serwisie. Dostarczamy twarde dane decyzyjne, zamieniając technologię w przewidywalny silnik wzrostu.
