Jesteś tutaj:

Sklep, który odstraszał klientów i kosztował realne pieniądze

Właściciel marki Diamentowy Rzemieślnik tworzy biżuterię rzemieślniczą. Produkty premium zasługują na odpowiednią oprawę cyfrową. Stara strona tego standardu nie spełniała i aktywnie odstraszała klientów gotowych do zakupu.

Trzy główne bolączki, z którymi zgłosił się klient:

Sklep działał wolno. Czas ładowania frustrował klientów, szczególnie na mobile, i bezpośrednio przekładał się na porzucanie koszyków.
Problemy serwerowe i awarie sprawiały, że sklep bywał niedostępny. Każda godzina przestoju to realne straty sprzedażowe.
Trudny proces zakupu. UX i architektura informacji były na tyle niejasne, że klienci mieli problem z finalizacją zamówień.

Do tego kod istniejącej strony był napisany w sposób uniemożliwiający łatwe zmiany. Każda modyfikacja treści wymagała angażowania developera i generowała dodatkowe koszty.

Co zaproponowaliśmy?

Zamiast łatać istniejący kod, zaproponowaliśmy pełne przepisanie sklepu na nowoczesnym stacku, z zachowaniem wszystkich danych produktowych. Decyzja o przepisaniu zamiast łatania to oszczędność czasu i pieniędzy klienta w perspektywie 2 do 3 lat.

Cztery założenia, które przyjęliśmy na starcie:

Samodzielność klienta

Właściciel zarządza treścią bez angażowania developera przy codziennych zmianach. Zero uzależnienia od agencji przy każdej aktualizacji produktu.

Szybkość i stabilność jako standard, nie opcja

Solidna infrastruktura i optymalizacja wydajności wchodziły w zakres dostawy. Sklep musi działać niezawodnie, szczególnie w peak sezonie.

Design oddający premium charakter marki

Monochromatyczna estetyka z przemyślanym systemem typografii. Biżuteria rzemieślnicza zasługuje na oprawę, która to komunikuje.

Gotowość marketingowa od dnia pierwszego

Bramki płatności, Meta Pixel, Google Shopping feed: wszystko skonfigurowane w dniu oddania. Kampanie można uruchamiać natychmiast po launchu.

Jak pracujemy. Bez ryzyka dla działającej strony

Projekt realizowaliśmy w dwóch oddzielnych warstwach. To podejście pozwala klientowi zatwierdzać design na bieżąco, bez strachu, że każda zmiana może zepsuć działający sklep.

Etap 1: Prototyp frontendowy

Zbudowaliśmy niezależny system szablonów (Twig + Tailwind + Alpine.js). Klient zatwierdzał design na 19 blokach wizualnych, bez obaw o zepsucie działającej strony.

Etap 2: Produkcja WordPress

Po zatwierdzeniu designu przenieśliśmy całość do dedykowanego motywu WP. Klient otrzymał 29 edytowalnych bloków Gutenberga i może budować strony jak z klocków, zachowując pełną spójność wizualną.

Trzy decyzje techniczne, które mają znaczenie dla klienta:

Omnibus compliance out-of-the-box. Sklep automatycznie wyświetla najniższą cenę z 30 dni, zgodnie z dyrektywą UE. Zero dodatkowych nakładów prawnych po oddaniu projektu.
Pola ACF wersjonowane jako JSON w Git. Każda zmiana w strukturze treści jest śledzona. Łatwy rollback i bezpieczne onboardowanie nowych deweloperów.
Docker + CI/CD na GitLabie. Każdy deploy jest powtarzalny i audytowalny. Koniec z sytuacją, gdy coś działa na dev, a nie działa na produkcji.

Co konkretnie się zmieniło

Projekt został oddany w około 2 miesiące. Klient otrzymał kompletną platformę e-commerce eliminującą wszystkie problemy starego sklepu, gotową do działania od pierwszego dnia po launchu.

8975

produktów w katalogu

edytowalnych bloków Gutenberg

miesiące od początku prac do publikacji

Co się zmieniło:

Wydajność: zoptymalizowane obrazy (WebP), cache stron (Breeze), infrastruktura DigitalOcean. Sklep ładuje się szybko nawet przy katalogu blisko 9000 produktów.
Stabilność: środowisko Docker, CI/CD na GitLabie i brak zależności od przypadkowych pluginów. Awarie przestały być problemem.
UX zakupowy: przejrzysta ścieżka zakupowa, filtry AJAX bez przeładowania, obsługa wariantów, lista życzeń i wyszukiwarka live.
Samodzielność klienta: właściciel edytuje treści, dodaje produkty i modyfikuje strony bez angażowania MITS.
Gotowość marketingowa: GTM, Meta Pixel i Google Shopping feed skonfigurowane od pierwszego dnia.
Zgodność z dyrektywą Omnibus wbudowana automatycznie. Zero ryzyka kar i zero dodatkowych kosztów.

7 elementów, których nie widać na pierwszy rzut oka

Każdy z poniższych elementów to świadoma decyzja projektowa odpowiadająca na konkretny problem e-commerce: porzucone koszyki, brak zaufania klienta, trudność w wyborze wariantu, niska konwersja na produktach premium.

Hero z wideo, nie statyczny banner

Strona główna otwiera się pełnoekranowym wideo prezentującym biżuterię w ruchu. To nie jest domyślna funkcja WooCommerce. Wymaga przemyślanej implementacji pod kątem wydajności: autoplay, lazy load i fallback na mobile. Pierwsze wrażenie buduje się w 3 sekundy. Wideo robi to lepiej niż zdjęcie.

Nawigacja zaprojektowana pod decyzję zakupową

Menu główne prowadzi klienta dwoma ścieżkami jednocześnie: według rodzaju biżuterii (zaręczynowa, ślubna, codzienna) i według kształtu kamienia (okrągły, owalny, szmaragdowy…). To nie jest standardowe menu kategorii. To lejek sprzedażowy wbudowany w nawigację. Klient, który nie wie czego szuka, szybko trafia tam, gdzie powinien.

Podgląd wariantów kolorystycznych bez wchodzenia w produkt

Na listingu każda karta produktu pokazuje dostępne kolory złota (białe, żółte, różowe) jako klikalne swatche. Klient ocenia wariant bez otwierania strony produktu. To redukuje liczbę kliknięć potrzebnych do decyzji i bezpośrednio wpływa na konwersję przy katalogu blisko 9000 pozycji.

Slide-in koszyk z dynamicznym triggerem darmowej wysyłki

Po dodaniu produktu koszyk otwiera się jako panel boczny bez przeładowania strony. Wewnątrz pojawia się komunikat 'Gratulacje! Otrzymujesz darmową wysyłkę'. To klasyczny mechanizm psychologiczny wbudowany bezpośrednio w UX koszyka. Redukuje tarcie na ścieżce zakupowej i nagradza klienta w momencie decyzji.

Social proof w czasie rzeczywistym: FOMO na karcie produktu

Nad kartą produktu pojawia się powiadomienie: 'X osób wyświetliło ten produkt w ostatnich 7 dniach'. To mechanizm FOMO (fear of missing out) działający w punkcie decyzji zakupowej. Zwiększa poczucie popytu i pilności zakupu bez nachalnego promowania.

Karta produktu ze specyfikacją jubilerską

Tabela parametrów zawiera: próba złota, masa kamienia w ct, jakość kamienia (np. SI2 H), kształt, wymiary i wagę. To nie są standardowe atrybuty WooCommerce. Zaprojektowaliśmy dedykowany content model pod specyfikę branży jubilerskiej. Przy blisko 9000 produktach każdy ma unikalne parametry. Klient kupujący biżuterię za kilka tysięcy złotych potrzebuje tej informacji i ją dostaje.

Dedykowana podstrona specjalnych zamówień: osobny lejek sprzedażowy

Dla klientów chcących biżuterię szytą na miarę stworzono osobny landing: 'Indywidualny proces tworzenia' z formularzem zgłoszeniowym, uploadem inspiracji, sekcją certyfikatów GIA i opisem procesu. To nie jest plugin kontaktowy. To osobny lejek konwersji dla segmentu premium B2C, który generuje zamówienia o wyższej wartości.

Jak sklep buduje zaufanie klienta kupującego online za kilka tysięcy złotych

Zakup biżuterii za 1500–15000 zł online wymaga silniejszych sygnałów zaufania niż standardowy e-commerce. Każdy element trust signals na tym sklepie jest celowy i skumulowany w kluczowych punktach ścieżki zakupowej.

Trustpilot (456 opinii)	Widoczny na stronie głównej, karcie produktu i w stopce. Ocena i liczba recenzji zawsze w polu widzenia klienta.
Certyfikaty GIA	Dedykowana sekcja wyjaśniająca czym jest certyfikat GIA i dlaczego ma znaczenie. Buduje wiarygodność dla klientów kupujących diamenty po raz pierwszy.
120 dni na zwrot	Ponad dwukrotnie więcej niż wymaga prawo (14 dni). Silny sygnał pewności marki co do jakości własnych produktów.
Wieczysta gwarancja jakości	Wyróżnik widoczny na karcie produktu. Redukuje postrzegane ryzyko zakupu jubilerskiego online.
Wysyłka w 24h	Konkretny, weryfikowalny termin zamiast ogólnikowego 'szybka wysyłka'. Redukuje niepewność klienta.
9 metod płatności	Tpay, Stripe, Apple Pay, PayPo (raty), BLIK i przelew bankowy. Logotypy widoczne na karcie produktu i w koszyku.

Co dzieje się po publikacji strony

Launch to nie koniec współpracy, lecz jej nowy etap. Sklep e-commerce to żywy organizm, który wymaga opieki i regularnego rozwoju.

Monitoring uptime i wydajności: wiemy o problemie zanim klient go zauważy.
Aktualizacje WordPress, WooCommerce i pluginów realizowane bezpiecznie, ze środowiskiem testowym.
Rozwój funkcjonalności prowadzony przez ten sam zespół, który zna architekturę od pierwszego dnia.

Co mówi klient

“Działają w duchu prawdziwego partnerstwa, a ich praca jest dobrze zorganizowana."

"Mits dostarczyła wersję MVP zgodnie z harmonogramem, a jej praca spotkała się z pozytywną oceną klienta końcowego. Zespół terminowo realizuje zadania i dobrze komunikuje się podczas spotkań, za pośrednictwem poczty elektronicznej oraz wiadomości. Ponadto na uwagę zasługują wiedza techniczna oraz partnerskie podejście firmy Mits”

- Jędrzej Prill, właściciel Diamentowy Rzemieślnik

Czy to case study dotyczy Ciebie?

To wdrożenie nie dotyczy tylko biżuterii. Podejście zastosowane przy Diamentowym Rzemieślniku sprawdza się wszędzie tam, gdzie:

Masz istniejący sklep WooCommerce lub PrestaShop, który jest wolny, niestabilny lub trudny w zarządzaniu. Chcesz zastąpić go nowoczesnym rozwiązaniem.
Budujesz sklep premium od zera i zależy Ci na designie, który rzeczywiście komunikuje wartość produktów.
Masz duży katalog produktów (500+) z wieloma wariantami i potrzebujesz filtrowania, które rzeczywiście działa.
Chcesz mieć pełną samodzielność w zarządzaniu treścią, bez płacenia agencji za każdą drobną zmianę.
Planujesz kampanie Google Shopping lub Meta Ads i chcesz mieć infrastrukturę gotową od pierwszego dnia.

Jeśli Twój sklep jest wolny, niestabilny lub trudno się nim zarządza: wiemy, jak to naprawić. Pokażemy Ci konkretnie, co wymaga zmiany i co zyskasz po wdrożeniu.

Umów się na bezpłatną konsultację