Branża: E-Commerce

Headless e-commerce dostosowany do urządzeń mobilnych

4%
Wzrost współczynnika konwersji e-commerce
<conversions.increased>
22%
Wzrost przychodów
<sales.improved>
28%
Większa liczba transakcji
<transactions.increased>

Wyzwanie

Publio.pl to działająca od 2012 r. internetowa księgarnia należąca do grupy Agora. Oferuje czytelnikom bogaty zbiór publikacji elektronicznych w formatach specjalnie przystosowanych do e-czytania (Kindle-MOBI, ePUB, PDF) oraz w wersji audio (MP3), w tym ponad 44 tys. e-booków i audiobooków oraz blisko 300 tytułów prasowych.

Publio.pl zwróciło się do nas z zadaniem optymalnego dostosowania swojej księgarni internetowej do możliwości urządzeń o różnych parametrach, takich jak komputery, laptopy, tablety i smartfony. Nowa odsłona serwisu Publio.pl miała być zaprojektowana z wykorzystaniem techniki RWD.

  • Dostosowanie serwisu do urządzeń mobilnych.
  • Osiągnięcie wyższych pozycji w wyszukiwarkach.
  • Poprawa użyteczności stron responsywnych na różnych ekranach oraz zapewnienie wizualnej i funkcjonalnej spójności kanału mobile.
  • Poprawa User Experience, uproszczenie ścieżek zakupowych oraz wdrożenie nowej, odświeżonej szaty graficznej.
  • Zwiększenie konwersji sprzedaży i wzrost przychodów firmy.
Mirosław Sroka
Dyrektor ds. rozwoju biznesu
Publio

"Nasz pierwotny plan przewidywał zmiany tylko na froncie sklepu, Univio przekonało nas do gruntownej zmiany. Powstał tak naprawdę nowy sklep, napisany w innej technologii, wykorzystujący inny freamwork – jako Single Page Aplication z przepisanym backendem i nowymi serwerami"

Rozwiązanie

  • Do stworzenia nowej odsłony serwisu publio.pl zdecydowaliśmy się na podejście headlessowe. W headless e-commerce każdy z frontów platformy może stanowić osobną część ekosystemu, zarządzaną z poziomu jednego CMS’a.
  • Stworzyliśmy nowoczesną, opartą o API w standardzie OpenApi 3.0 aplikację SPA (SinglePageAplication). Do osiągnięcia tego celu użyliśmy dedykowanego frameworka Nuxt.js + Vue.js, który pomógł nam zrealizować nie tylko aplikację SPA, ale również zapewnił SSR (ServerSideRendering) potrzebny robotom indeksującym treści do zrozumienia strony. Dzięki temu obsłużyliśmy w pełni wymagania stawiane przez SEO.
  • Cały proces tworzenia nowej odsłony serwisu prowadzony był zgodnie z metodologią User Centered Design.
  • Dla zapewnienia lepszej organizacji pracy wykorzystaliśmy nowoczesne rozwiązania, takie jak TypeScript czy konteneryzacja aplikacji w Docker oraz wersjonowanie aplikacji. Obecnie aktualizacje aplikacji odbywają się bez przestoju serwisu, a użytkownicy w tym samym czasie mogą bez przerw przeglądać strony i robić zakupy.
  • Bezpieczeństwo klientów i ich prywatność chroni szyfrowanie HTTPS oraz autentykacja JWT. Strona jest w pełni konfigurowalna za pomocą systemu CMS oraz reużywalnych komponentów.
  • Wdrażając nowy serwis, zapewniliśmy routing aplikacji, zachowując obecne adresy URL. Dzięki temu, pozycja strony w wyszukiwarkach została utrzymana.

Rezultat

4%
Wzrost współczynnika konwersji e-commerce
W zaledwie kilka dni po wdrożeniu nowego serwisu znacząco wzrosła konwersja sprzedaży.
<conversions.increased>
22%
Wzrost przychodów
Większa konwersja przyczyniła się do wzrostu przychodów firmy.
<sales.improved>
28%
Większa liczba transakcji
Dzięki poprawie UX oraz skutecznym promocjom wzrosła liczba transakcji.
<transactions.increased>
22%
Zmniejszenie wskaźnika odrzuceń
Użytkownicy serwisu są mniej skłonni do opuszczenia strony.
<customers.satisfied>
Wzrost skuteczności komunikacji marketingowej
Poprzez lepsze dostosowanie treści do użytkowników, wzrosła skuteczność komunikacji marketingowej.
<communication.improved>
Optymalizacja wydatków marketingowych
Dzięki aplikacji oszczędzamy na dotarciu do odbiorców przez inne kanały.
<costs.optimized>
Mirosław Sroka
Dyrektor ds. rozwoju biznesu
Publio

"Niewątpliwym plusem Univio jest to, że dysponuje zespołem o szerokich kompetencjach, tworzą go świetni deweloperzy, analitycy i administratorzy systemów, którzy w sytuacji kryzysowej potrafią za spokojem, popartym wiedzą i doświadczeniem, znaleźć rozwiązanie. To ludzie, którzy słuchają potrzeb klienta i elastycznie dopasowują się do sytuacji. Były momenty, w których wydawało się, że technologia nas pokona, ale udało się i całemu zespołowi należą się duże słowa uznania i podziękowania za przeprowadzenie tak skomplikowanego procesu"

Technologie
/ Wspierające rozwiązania

Tobie również
możemy pomóc

To tylko jeden z przykładów naszego doświadczenia, którym możemy się podzielić z Twoją firmą. Każdy projekt jest inny – tak jak każda współpraca. Skontaktuj się z nami i zacznijmy pracować nad czymś nowym – razem!