Przebudowa sklepu
Optymalizacja wydajności
WooCommerce
Dedykowany szablon

Leaf No Trace - dedykowany szablon który ładuje się w 1,2 sekundy

Leaf No Trace to polski sklep z jednorazowymi naczyniami z naturalnych liści. Produkt wyjątkowy i coraz bardziej popularny, ale stary szablon nie nadążał za rozwojem marki. Ładował się wolno, wyglądał generycznie i nie mówił językiem klienta. Wynik PageSpeed na mobile to 75 punktów, a pierwsza treść pojawia się po prawie 4 sekundach. Zadanie było jasne: zbudować coś, co będzie działać szybko, wyglądać profesjonalnie i sprzedawać.

1,5 mies.czas realizacjibez projektu graficznego
100/100PageSpeed mobilewzrost ze 75 do 100 punktów
1,2 sFirst Contentful Paintpoprzednio 3,8 sekundy
0 msTotal Blocking Timepoprzednio 100 ms

Dobry produkt, słaba strona

Stary szablon robił swoje, ale nie więcej niż musiał. Strona wyglądała jak setki innych sklepów w tej kategorii. Brak wyróżnień wizualnych, brak czytelnej hierarchii informacji, brak czegoś co zatrzymuje klienta i skłania do zakupu. Dla produktu który sam w sobie jest wyjątkowy i ekologiczny, to było za mało.

Do tego strona ładowała się wolno. Na telefonie, przy przeciętnym łączeniu, klient czekał prawie 4 sekundy na pierwszą treść i ponad 6 sekund na załadowanie całej strony. Każdy kto wie jak działa e-commerce wie, że większość tych klientów po prostu wychodzi. Do tego brak danych schema oznaczał słabszą widoczność w Google i żaden punkt zaczepienia dla wyszukiwania przez AI.

Co zrobiono i dlaczego to miało sens

Dedykowany szablon pisany od podstaw
Zamiast łatać stary motyw, zaprojektowaliśmy i wdrożyliśmy nowy szablon pisany pod ten konkretny sklep. Żadnych gotowych rozwiązań z marketplace, żadnych kompromisów. Kod jest czysty, bez zbędnych skryptów i styli które spowalniają każde gotowe rozwiązanie. Nowy wygląd komunikuje to samo co produkt, czyli naturalne pochodzenie, dbałość o szczegóły i szacunek do środowiska.
Strona produktu która odpowiada na pytania klienta
Nowa strona produktu ma czytelny układ. Ważne informacje, takie jak pojemność, średnica, ilość w opakowaniu czy odporność na temperaturę, widoczne są od razu bez szukania. Opis jest napisany językiem korzyści, nie specyfikacji. Klient który trafi na produkt wie w kilka sekund czy to jest to czego szuka.
Minimalna liczba wtyczek
Każda dodatkowa wtyczka to dodatkowe zapytania do bazy danych i dodatkowy JavaScript który przeglądarka musi przetworzyć zanim użytkownik zobaczy jakąkolwiek treść. Ograniczyliśmy wtyczki do absolutnego minimum, tylko te bez których sklep nie może działać. Resztę funkcji zbudowaliśmy bezpośrednio w szablonie.
Dane schema i optymalizacja pod AI
Szablon zawiera kompletne dane strukturalne schema.org. Produkty, breadcrumby, dane firmy, wszystko oznaczone według aktualnych wymagań. To nie tylko lepsza widoczność w wynikach Google, ale również więcej kontekstu dla modeli AI które coraz częściej są pierwszym miejscem gdzie ludzie szukają produktów. Sklep z odpowiednio przygotowanymi danymi ma wyraźnie większe szanse pojawić się w odpowiedzi asystenta niż sklep bez tych danych.
Blog który przyciąga ruch organiczny
W ramach przebudowy wdrożony został również blog, który jest regularnie rozwijany. Artykuły odpowiadają na pytania które klienci wpisują w Google, skąd pochodzą liście Sal, czy naczynia nadają się do piekarnika, jak je wyrzucić po użyciu. Każdy taki tekst to dodatkowy punkt wejścia na stronę dla osób które jeszcze nie znają marki. Blog buduje też autorytet tematu, co przekłada się na lepsze pozycje również dla stron produktowych.
Gotowy na wiele języków
Szablon został zaprojektowany z myślą o skalowalności. Struktura strony, dane schema i układ szablonu są przygotowane pod wdrożenie kolejnych języków bez przebudowy całego sklepu. Kiedy przyjdzie czas na ekspansję poza Polskę, nie będzie potrzeby zaczynać od nowa.