Wyzwanie
Bariery technologiczne ograniczające komfort użytkownika
Serwis LawStory (obecnie Snadno) musiał zmierzyć się z wyzwaniem, jakim była niska wydajność dotychczasowego stacku technologicznego. Połączenie ciężkiego buildera Elementor oraz rozbudowanego systemu WooCommerce tworzyło nadmiarowe obciążenie skryptami, które wpływało na czas oczekiwania użytkownika na dostęp do treści. Nawet na podstronach informacyjnych system ładował zasoby niezbędne do obsługi pełnowymiarowego sklepu, co negatywnie odbijało się na wskaźnikach Core Web Vitals.
Problem potęgowała mało wydajna infrastruktura serwerowa oraz brak zaawansowanych mechanizmów kompresji i cache’owania. W branży prawniczej, gdzie profesjonalizm mierzy się dbałością o detale, powolne działanie strony mogło budować dystans i zniechęcać potencjalnych klientów przed podjęciem kontaktu.
Rozwiązanie
Nowoczesna architektura i lekki ekosystem sprzedażowy
Zrezygnowaliśmy z łatania istniejących problemów na rzecz budowy nowych, stabilnych fundamentów. Miejsce ciężkich builderów zajęły natywne bloki Kadence Blocks PRO, które generują czysty kod i ładują zasoby wyłącznie dla elementów widocznych na danej podstronie. Pozwoliło to na radykalne odchudzenie struktury serwisu.
Kluczową zmianą było zastąpienie rozbudowanego systemu WooCommerce lekkim rozwiązaniem EasyCart. Ewa oferuje wyselekcjonowane usługi i pakiety prawne, dlatego nie było potrzeby utrzymywania dziesiątek tabel w bazie danych i procesów procesowych typowych dla dużych e-sklepów. EasyCart zapewnił płynność procesu zakupowego przy minimalnym obciążeniu serwera. Całość wdrożenia uzupełniła migracja na wydajny hosting oraz implementacja warstwy Cloudflare, co zapewniło stabilność i błyskawiczne renderowanie treści niezależnie od lokalizacji użytkownika.
Elementor i masa dodatków
Kadence Blocks PRO
Rezultaty
Co osiągnęliśmy
Błyskawiczny dostęp do treści – Radykalne zmniejszenie wagi strony sprawiło, że oferta ładuje się niemal natychmiast, co bezpośrednio wpływa na niższy współczynnik odrzuceń.
Uproszczona ścieżka zakupowa – System EasyCart sprawił, że proces zakupu usług prawnych jest szybki i intuicyjny, co pozytywnie wpływa na doświadczenia klientów Ewy.
Stabilność i szybkość niezależnie od ruchu – Dzięki technologii Cloudflare strona jest serwowana z najbliższego użytkownikowi punktu, co gwarantuje najwyższą wydajność.
Autonomia w zarządzaniu ofertą – Nowy system jest na tyle przyjazny w obsłudze, że klientka może samodzielnie edytować produkty i treści bez potrzeby wsparcia technicznego.
- EasyCart
- Kadence Blocks PRO
- WordPress
Serdecznie polecam współpracę z Danielem i jego zespołem wszystkim, którym zależy na profesjonalnie wyglądającej stronie, dobrej, sprawnej komunikacji i kompleksowym podejściu.
Daniel przygotował dla mnie nową stronę www i sklep. Wyratował mnie z wielu problemów technicznych, z których nie do końca zdawałam sobie sprawę, zadbał o wszystko, (łącznie z synchronizacją z zewnętrznymi narzędziami) od A do Z, a całość zadziała się bardzo sprawnie.
Z mojego zawodowego poletka – współpraca była też bardzo profesjonalna pod względem formalności (umowa, RODO, poufność), a to nie jest wcale standard.
Szczegóły techniczne
Pod maską wdrożenia
Kadence Blocks PRO
Wykorzystanie natywnej architektury WordPress (Gutenberg) w celu eliminacji zbędnego balastu CSS i JavaScript. Każda sekcja jest generowana z myślą o minimalizacji kodu wyjściowego.
EasyCart zamiast WooCommerce
Wdrożenie uproszczonego systemu sprzedaży, który nie obciąża bazy danych zbędnymi procesami. Pozwala to na zachowanie pełnej funkcjonalności zakupowej przy jednoczesnym utrzymaniu maksymalnej szybkości działania strony.
Migracja na PHP 8.2 i Cloudflare
Przeniesienie serwisu na serwer zoptymalizowany pod kątem najnowszych standardów wydajności. Dzięki wykorzystaniu sieci Cloudflare, strona jest serwowana użytkownikowi z najbliższego mu punktu dostępu, co eliminuje opóźnienia w jej wyświetlaniu.
Optymalizacja obrazów i Core Web Vitals
Zastosowanie formatów nowej generacji i mechanizmów, które ładują obrazy dopiero w momencie ich wyświetlania na ekranie. Zapewnia to płynne przeglądanie strony i stabilność jej układu, szczególnie na urządzeniach mobilnych.
Etap II
Rebranding i nowa tożsamość wizualna
Kilka miesięcy po wdrożeniu marka przeszła rebranding — nowa nazwa, logo, typografia i paleta kolorów. Klientka dostarczyła gotową identyfikację wizualną z Figmy; naszym zadaniem było przełożenie jej na działający serwis.
Ponieważ pracowaliśmy na strukturze, którą sami budowaliśmy od podstaw, wiedzieliśmy dokładnie, gdzie i jak wprowadzić zmiany. Zaktualizowaliśmy wszystkie podstrony: nowe logo i favicon, zmienione kroje pisma i kolory zgodne z nową identyfikacją — bez dużej przebudowy architektury, bez przestojów.
Twoja technologia powinna wspierać Twój biznes, a nie go spowalniać.
Jeśli czujesz, że obecne rozwiązania ograniczają rozwój Twojej strony, zamieńmy je na lekki i wydajny system, który pracuje na Twój sukces.