Realizacje · Sklep Next.js na WooCommerce
Skarem Safety
Sklep z odzieżą roboczą i sprzętem BHP ze Stalowej Woli, prowadzony przez firmę, której główną działalnością jest ochrona i utrzymanie obiektów. Zaczęliśmy od dwóch audytów, konkurencji i techniki. Potem zbudowaliśmy sklep od nowa: szybki front w Next.js na zapleczu WooCommerce, z całym zamówieniem po nowej stronie. 27 października nowy sklep przejął domenę razem z produktami, klientami i historią zamówień.
- Audyt konkurencji i techniki
- Next.js + WooCommerce
- 3 749 produktów
- Zamówienie z paczkomatem i płatnościami
- Przenosiny bez utraty danych
- Google Ads
Dzień 031 · Z czym przyszedł klient
Co nie działało.
- 01
Widoczny tylko z nazwą miasta
Na 10 sprawdzonych fraz ogólnopolskich sklep nie pojawiał się ani razu. Z 7 fraz lokalnych widoczne były 3 i tylko z dopiskiem „Stalowa Wola”. Sklep był w pełni zaindeksowany, więc problem nie leżał w dostępie Google, tylko w tym, co Google dostawał.
- 02
Mapa witryny, która myliła wyszukiwarkę
595 produktów nie było w mapie witryny, 446 adresów występowało w niej podwójnie, a 77 prowadziło do strony błędu 404.
- 03
Niedokończone przenosiny ze starej domeny
Strona główna miała 30 odwołań do poprzedniej domeny, a dane strukturalne wciąż przedstawiały sklep pod dawną nazwą. Google dostawał dwie sprzeczne tożsamości jednej firmy.
- 04
Ciężka strona główna
27,2 MB obrazów i 240 KB stylów wpisanych bezpośrednio w kod. Bez pamięci podręcznej pierwsza wizyta trwała ponad 3 sekundy nawet na szybkim łączu.
- 05
Ślepe zaułki w ścieżce zakupu
Link „Powrót do sklepu” z pustego koszyka prowadził na stronę błędu. Przeszliśmy całą ścieżkę zakupu krok po kroku i opisaliśmy każde miejsce, w którym klient mógł się zatrzymać.
- 06
Pomiar w innym miejscu, niż zakładano
Usługa Analytics przekazana do analizy nie miała danych sklepu. Sklep mierzyła inna usługa, co wyszło dopiero z odczytu ruchu sieciowego, nie z paneli.
Dzień 288 · Co zrobiliśmy
Po kolei, od najdroższego problemu.
- 01
Audyt konkurencji (12 stron) i audyt techniczny ze ścieżką zakupową, zanim powstała pierwsza linijka kodu.
- 02
Kopia sklepu na naszym serwerze: aktualizacje i zmiany testowane tam, nigdy na żywym sklepie.
- 03
Nowy front w Next.js: katalog, filtry, wyszukiwarka z podpowiedziami, karty produktów z tabelą rozmiarów. WooCommerce zostaje zapleczem, więc obsługa sklepu się nie zmienia.
- 04
Własny indeks katalogu: API sklepu liczyło stronę listy 3–6 sekund, indeks robi to w milisekundach.
- 05
Całe zamówienie na nowej stronie: koszyk, mapa paczkomatów, odbiór osobisty, Przelewy24, a dla wybranych firm płatność w dwóch ratach.
- 06
Przenosiny w jeden dzień: świeża baza scalona z kopią, zaślepka na czas zmiany DNS, przekierowania starych adresów i BaseLinker pobierający zamówienia bez przerwy.
Dzień 312 · Zanim ruszyliśmy
Sklep był w Google, ale go nie było widać.
Zero fraz ogólnopolskich w wynikach i 595 produktów poza mapą witryny.
Dzień 074 · Koszt zwlekania
Co to kosztowało, zanim ruszyliśmy.
- Klienci szukający w całej Polscena frazy ogólnopolskie sklep nie istniał, więc każdy, kto szukał odzieży roboczej spoza Stalowej Woli, trafiał do konkurencji.
- Produkty, których Google nie dostał595 pozycji poza mapą witryny to część katalogu, która mogła się w ogóle nie pojawiać w wynikach.
- Wolna pierwsza wizytaponad 27 MB obrazów na stronie głównej to na telefonie kilka sekund czekania, zanim klient zobaczy pierwszy produkt.
Dzień 118 · Pomiar po uruchomieniu
Nowy sklep, zmierzony po przełączeniu domeny.
Dzień 152 · Przebieg współpracy
Jak to szło po kolei.
- 01
14–15 września: dwa audyty
Konkurencja i widoczność, potem technika i cała ścieżka zakupu.
- 02
19 września: kopia i pierwsza wersja
Sklep skopiowany na nasz serwer, nowy front w Next.js na tym samym zapleczu.
- 03
Październik: pełny zakres
Płatności, przewoźnicy, raty dla firm, blog, przekierowania i pomiar.
- 04
27 października: nowy sklep na domenie
Świeże dane z produkcji, zmiana DNS, certyfikat i kontrola adresów.
- 05
Dalej: opieka i Google Ads
Stała opieka i kampanie. Wyniki ruchu dopiszemy po pierwszych miesiącach.
Dzień 234 · Zakres
Skarem Safety
sklep bhp zbudowany od nowa.
Audyt konkurencji i techniki · Next.js + WooCommerce · 3 749 produktów · Zamówienie z paczkomatem i płatnościami · Przenosiny bez utraty danych · Google Ads
Dzień 248 · Opinie
Co mówią firmy, z którymi pracowaliśmy.
„Miałem lokalny biznes bez widoczności w internecie. Postawili stronę, zadbali o SEO lokalny i uruchomili reklamy Google. Teraz klienci sami mnie znajdują."
„Potrzebowaliśmy strony, która sprzedaje, zanim ktokolwiek trafi na landing. Pierwsze zapisy pojawiły się jeszcze przed oficjalnym startem."
„Zgłoszenia serwisowe przychodziły mailem, telefonem i SMS-em, a potem ktoś przepisywał je do zeszytu. Teraz wpadają do jednego rejestru z kodem QR na urządzeniu. Przestaliśmy szukać, kto co obiecał klientowi."
„Mieliśmy portfolio wdrożeń i kursy w dwóch różnych miejscach. Po zmianie klient widzi jedno i drugie na jednej stronie — i sam wybiera, czy chce projekt, czy szkolenie."
„Sklep miał ruch, ale zamówienia potrafiły utknąć między koszykiem a wysyłką. Po uporządkowaniu procesu paczka idzie do kompletacji sama, bez przepisywania z kartki."
„Koordynacja audytów siedziała w arkuszu i w głowie jednej osoby. Dostaliśmy narzędzie, w którym widać terminy i zlecenia — obsługujemy więcej, tym samym zespołem."
Dzień 118 · Realizacje
Sześć wdrożeń. Sześć różnych problemów.
Nie robimy tego samego szablonu w innych kolorach.
Masz podobny problem? Zadzwoń.
Piętnaście minut wystarczy, żeby powiedzieć, czy da się to zrobić podobnie.
Dzień 366 · Kontakt
Zacznijmy od rozmowy.
Piętnaście minut wystarczy, żeby powiedzieć, czy w ogóle warto się za to brać.
Albo od razu: +48 794 164 794 · kontakt@mark366.pl