Punkt wyjścia
Sklep miał ruszyć w dwa tygodnie
Navene potrzebował sklepu, który od pierwszego dnia będzie wyglądał jak marka premium, a nie jak gotowy motyw z katalogu. Termin był krótki: dwa tygodnie do uruchomienia produkcyjnego. Katalog jest niewielki, dziś to 11 suplementów, więc o wrażeniu decyduje każdy szczegół strony: typografia, odstępy, sposób pokazania produktu i przebieg zamówienia. Standardowy checkout WooCommerce działa poprawnie, ale wygląda jak w tysiącach innych sklepów i odstawałby od reszty strony. Trzeba było zbudować front i proces zamówienia, które tworzą jedną całość, i zdążyć w terminie.
Co zrobiliśmy
Front i checkout napisane pod Navene
Zbudowaliśmy sklep na WooCommerce z własnym motywem na Tailwind CSS i Alpine.js. Najwięcej czasu poświęciliśmy na dopracowanie wyglądu i procesu zamówienia.
- 1
Własny motyw na WooCommerce
Zamiast przerabiać gotowy motyw, napisaliśmy własny na Tailwind CSS i Alpine.js. Strona główna, listing i karta produktu powstały pod mały katalog, w którym każdy produkt ma dużo miejsca na zdjęcia i opis. WordPress i WooCommerce zostały silnikiem sklepu, więc produkty i zamówienia obsługuje się w znanym panelu.
- 2
Dedykowany checkout
Zbudowaliśmy własny checkout dla WooCommerce, dopasowany wyglądem do reszty sklepu. Formularz zamówienia, wybór dostawy i płatności oraz podsumowanie koszyka mają tę samą typografię i rytm co strony produktów. Logikę zamówień zostawiliśmy w WooCommerce, żeby aktualizacje i integracje płatności działały standardowo.
- 3
Detale, które budują wrażenie premium
Dużo czasu poświęciliśmy na szczegóły: typografię szeryfową, odstępy, proporcje zdjęć, stany przycisków i zachowanie strony na telefonie. Poprawki wprowadzaliśmy w kolejnych rundach, sprawdzając sklep na różnych ekranach, aż całość wyglądała spokojnie i elegancko. Każdą rundę kończyliśmy przeglądem całej ścieżki od strony głównej do zamówienia.
- 4
Start po dwóch tygodniach
Sklep trafił na produkcję dwa tygodnie po rozpoczęciu prac. Krótki termin był możliwy, bo od początku pracowaliśmy na docelowym motywie i nie budowaliśmy niczego, czego mały katalog nie potrzebuje. Po starcie sklep działa na tym samym motywie, a dziś prezentuje 11 suplementów.
Efekt
Spójny sklep od strony głównej po zamówienie
Navene wystartował ze sklepem, który od strony głównej po ostatni krok zamówienia wygląda jak jedna marka. Własny motyw i dedykowany checkout powstały w dwa tygodnie, a WooCommerce pod spodem daje znany panel do obsługi produktów i zamówień. Dziś sklep prezentuje 11 suplementów, a dodanie kolejnego produktu nie wymaga zmian w kodzie. Szablony karty produktu i listingu są gotowe na większy katalog, gdy marka zdecyduje się go poszerzyć.
- Własny motyw na Tailwind CSS i Alpine.js
- Dedykowany checkout WooCommerce
- Uruchomienie produkcyjne po dwóch tygodniach
- 11 suplementów w sklepie (październik 2026)
