Nowa jakość sprzedaży online. Jak zmodernizowaliśmy jedną z największych e-aptek w Polsce

WYZWANIE

Rosnące oczekiwania użytkowników wymagały nowego podejścia do e-apteki

Wapteka.pl to jedna z największych e‑aptek w Polsce – każdego miesiąca odwiedzana przez ponad 2,5 miliona użytkowników. Wraz z Melisa.pl tworzy drugą co do wielkości grupę e-commerce w kategorii health & beauty w Polsce, obsługującą miliony klientów miesięcznie.

Przy rosnącej konkurencji i zmieniających się zachowaniach konsumentów kluczowe stały się nie tylko bezpieczeństwo i zgodność z przepisami, ale także szybkość działania i jakość doświadczenia zakupowego – szczególnie mobilnego. Wymagało to przemyślenia struktury całego serwisu na nowo, z naciskiem na wydajność, nowoczesne podejście do frontendów i architekturę gotową na dalszy rozwój.

PODEJŚCIE

Architektura fundamentem dla wzrostu

Zaproponowana przez nas architektura opiera się na oddzieleniu warstw systemu — z niezależnym frontendem w modelu headless oraz współdzielonym w dopuszczalnym przez prawo zakresie backendem. Takie podejście zapewnia elastyczność w rozwoju interfejsu, umożliwia szybsze wdrażanie zmian i lepsze dopasowanie do potrzeb użytkowników, bez ingerencji w logikę systemu. 

Frontend powstał w technologii Astro i Vue.js, co pozwoliło znacząco poprawić wydajność, uprościć ścieżkę zakupową i zwiększyć responsywność serwisu, szczególnie w wersji mobilnej. Z kolei silnik backendowy umożliwia rozwój kluczowych procesów — takich jak obsługa zamówień, integracje czy zarządzanie ofertą — w sposób skalowalny, spójny i bez duplikacji pracy.

Przejrzysty proces zakupowy to podstawa w e-aptece

Jednym z głównych celów było uproszczenie doświadczenia zakupowego — szczególnie na urządzeniach mobilnych. Kluczowe elementy, takie jak filtrowanie, wyszukiwanie, koszyk i checkout, zostały zaprojektowane na nowo z naciskiem na przejrzystość, szybkość i minimalizację liczby kroków. Checkout działa w modelu jednostronicowym i prowadzi użytkownika płynnie do finalizacji zakupu. Duży nacisk położyliśmy też na zgodność z wymaganiami prawa farmaceutycznego — serwis został zaprojektowany tak, by uwzględniać ograniczenia dotyczące prezentacji i sprzedaży produktów, bez utrudniania ścieżki zakupowej.

Zadbaliśmy o to, żeby serwis był wygodny i zrozumiały dla każdego, niezależnie od urządzenia, sposobu korzystania czy potrzeb związanych z dostępnością (zgodnie ze standardami WCAG).

Integracje zaprojektowane z myślą o skalowalności

Zaprojektowaliśmy i wdrożyliśmy integracje z kluczowymi systemami wspierającymi zarządzanie treścią, wyszukiwanie, logistykę i działania marketingowe. 

Zintegrowaliśmy PIM do centralnego zarządzania informacją produktową, wyszukiwarkę opartą na AI oraz marketing automation, wykorzystywane do komunikacji dotyczącej treści edukacyjnych oraz produktów nieobjętych zakazem reklamy. 

Połączyliśmy serwis z systemem WMS i platformami marketplace, zapewniając sprawną realizację zamówień i możliwość łatwego skalowania sprzedaży. Cała struktura integracyjna została przygotowana modułowo, z myślą o dalszym rozwoju – bez potrzeby ingerencji w główne komponenty systemu.

REZULTAT

Szybsze zakupy, tańsze utrzymanie, większa elastyczność, dla Wapteka.pl 

• Większa wydajność i szybkość działania – lekki storefront i zoptymalizowany frontend umożliwiają sprawne działanie serwisu nawet przy dużym ruchu, szczególnie na urządzeniach mobilnych.
• Uproszczona ścieżka zakupowa – nowy, jednostronicowy checkout skraca czas realizacji zamówień i zmniejsza liczbę porzuconych koszyków.
• Niższe koszty operacyjne – ograniczenie duplikacji procesów i lepsze zarządzanie infrastrukturą technologiczną.
• Lepsze doświadczenie użytkownika (UX) – intuicyjna nawigacja, czytelny interfejs i szybkie wyszukiwanie ułatwiają zakupy.
• Zgodność z przepisami – projekt uwzględnia wymagania regulacyjne e-aptek, co zapewnia bezpieczne i zgodne z prawem prowadzenie sprzedaży online.
• Gotowość na rozwój i testy – architektura headless umożliwia szybkie wdrażanie nowych funkcji i elastyczne skalowanie platformy bez ryzyka technologicznego.

Technologie

Frontend: Astro + Vue.js + Tailwind CSS

Backend: Laravel

Architektura: Headless, mikroserwisowa

Zaawansowane integracje – wyszukiwarka AI, PIM, Warehouse Management System (WMS), marketing automation (dla produktów nieobjętych zakazem reklamy), marketplace.