Auto Na Blask
Kompleksowe projektowanie i wdrożenie sklepu WooCommerce dla Auto Na Blask
O projekcie
Auto Na Blask to jeden z pionierów na polskim rynku sklepów z kosmetykami samochodowymi i akcesoriami, działający w modelu omnichannel. Marka łączy sprzedaż internetową z obecnością offline, prowadząc sklep stacjonarny w Poznaniu.
Dla Auto Na Blask zaprojektowaliśmy i wdrożyliśmy nowy, w pełni customowy sklep internetowy WooCommerce, rozbudowany o dedykowane funkcjonalności wspierające sprzedaż i zaangażowanie klientów. Wśród nich znalazł się program lojalnościowy „ANBcrew” oraz mechanizm „Tygodnia z marką”, który odzwierciedla cykliczne akcje promocyjne realizowane również w sklepie stacjonarnym.
Jednym z kluczowych celów wdrożenia nowego ecommerce, była znacząca poprawa konwersji mobilnej. Dotychczasowa wersja sklepu posiadała liczne błędy i ograniczenia na urządzeniach mobilnych, dlatego nowa platforma została zaprojektowana z naciskiem na pełną responsywność, wydajność oraz intuicyjną obsługę na smartfonach.
Zespół i zakres prac
Mateusz Konieczny
prowadzenie projektu
wsparcie programistów
code review
Kuba Konieczny
analiza i research
makiety funkcjonalne
projekt sklepu www
design review
Hubert Sobczak
backend development
code review
Mikołaj Bieliński
frontend development
Sebastian Staniszewski
frontend development
Dedykowane funkcjonalności Woocommerce: Tydzień z marką
W ramach customowego developmentu stworzyliśmy mechanizm „Tygodnia z marką”. Został on zaprojektowany jako cyfrowe odzwierciedlenie cyklicznych akcji promocyjnych realizowanych w sklepie stacjonarnym Auto Na Blask. Przez większą część roku marka prowadzi cotygodniowe promocje z wybranym producentem kosmetyków samochodowych lub akcesoriów do pielęgnacji pojazdów.
Zamiast standardowego baneru na stronie głównej, wdrożyliśmy dedykowaną sekcję prezentującą aktualną ofertę promocyjną. Użytkownicy widzą w niej wyróżnioną markę oraz starannie wyselekcjonowane produkty objęte promocją, które mogą dodać do koszyka jednym kliknięciem lub przejść do pełnej listy produktów dostępnych w ramach akcji.
Sekcja została dodatkowo wzbogacona o licznik czasu odliczający do końca aktualnej promocji oraz informację o marce, która pojawi się w kolejnej edycji „Tygodnia
z marką”. Dzięki temu mechanizm buduje poczucie pilności, a jednocześnie zapowiada nadchodzące oferty, zachęcając użytkowników do powrotu do sklepu.
Program lojalnościowy ANBcrew na WooCommerce
Kolejnym niestandardowym rozwiązaniem wdrożonym w sklepie jest program lojalnościowy ANBcrew, który wspiera długofalowe budowanie relacji z klientami oraz zwiększa ich powracalność. W ramach programu użytkownicy zbierają BLASKI — punkty przyznawane za zakupy — które mogą następnie wymieniać na zniżki
w sklepie.
Dodatkowym elementem motywującym do częstszych i większych zakupów są progi bonusowe. Po przekroczeniu określonej kwoty wydatków klienci otrzymują dodatkowe benefity, co bezpośrednio wpływa na wzrost lojalności oraz średniej wartości koszyka.
W panelu użytkownika zaprojektowaliśmy dedykowaną sekcję programu lojalnościowego, która w przejrzysty i intuicyjny sposób prezentuje wszystkie kluczowe informacje. Użytkownik na bieżąco widzi liczbę zgromadzonych BLASKÓW, postęp do kolejnego progu bonusowego, ma możliwość wymiany punktów na zniżki oraz wgląd w pełną historię aktywności w programie. Dzięki temu mechanizm pozostaje czytelny i angażujący zarówno dla nowych, jak i powracających klientów.
Personalizacja UX i tożsama komunikacja
Jako studio web designu, postawiliśmy na spójność brandingu. Standardowe komunikaty WooCommerce zastąpiliśmy językiem marki, jakim Auto Na Blask posługuje się na co dzień w swoich kanałach social media. Charakterystyczne, bezpośrednie przywitania — takie jak „Siemano” czy „Siemanko” — od lat otwierają większość publikowanych rolek i stanowią ważny element identyfikacji marki.
Ten sam styl przenieśliśmy do interfejsu sklepu, zastępując standardowe, bezosobowe komunikaty bardziej naturalnymi i przyjaznymi zwrotami. Przykładowo, przy ikonie logowania zamiast klasycznego „Zaloguj się” pojawia się komunikat „Siemano! Zaloguj się”, a po zalogowaniu użytkownik witany jest personalizowanym komunikatem, np. „Siemano Kuba!”.
Zastosowanie takiego tonu komunikacji wzmacnia spójność marki we wszystkich punktach styku z użytkownikiem i buduje poczucie autentyczności. Dzięki temu sklep nie jest postrzegany jako anonimowa platforma sprzedażowa, lecz jako naturalne przedłużenie świata marki — miejsce, w którym użytkownik czuje się swobodnie i „jak u siebie”, co pozytywnie wpływa na zaangażowanie i decyzje zakupowe.
Funkcje wspierające sprzedaż (CRO): powiadom o dostępności
Mechanizm powiadomień o dostępności produktu rozbudowaliśmy o dodatkową funkcjonalność.
Standardowo, po zapisaniu się na powiadomienie o produkcie, którego aktualnie nie ma w magazynie, użytkownik otrzymuje e‑mail w momencie, gdy produkt ponownie pojawi się w sprzedaży.
W przypadku sklepu Auto Na Blask rozszerzyliśmy ten mechanizm o popup z powiadomieniem, wyświetlany podczas pierwszej wizyty użytkownika w sklepie.
W ramach tego okna użytkownik może od razu dodać do koszyka produkty, dla których wcześniej ustawił powiadomienie o dostępności.
Rozbudowane menu
Funkcje wspierające sprzedaż (CRO): licznik w koszyku
Kolejnym niestandardowym rozwiązaniem jest interaktywny pasek postępu
w koszyku.
Mechanizm ten w czasie rzeczywistym informuje klienta o kwocie brakującej
do uzyskania darmowej dostawy oraz odebrania losowej próbki produktu.
Z perspektywy UX (User Experience) zapewnia to pełną przejrzystość procesu zakupowego, natomiast z punktu widzenia biznesu – skutecznie stymuluje wzrost średniej wartości zamówienia (AOV).”
Produkt
Funkcje wspierające sprzedaż (CRO): automatyzacja voucherów
W sklepie Auto Na Blask wdrożyliśmy zaawansowany system sprzedaży voucherów podarunkowych na dowolną kwotę. System oferuje dwa warianty: elektroniczny (PDF) oraz drukowany.
Kluczowym elementem wdrożenia była pełna automatyzacja procesu po stronie administracji: system samodzielnie generuje unikalny kod, przypisuje mu wartość
i tworzy gotowy plik.
W przypadku wersji cyfrowej wysyłka do klienta odbywa się natychmiastowo, natomiast przy wersji fizycznej – obsługa sklepu otrzymuje wygenerowany, gotowy do druku dokument, co eliminuje ryzyko błędów i skraca czas realizacji zamówienia.
Optymalizacja koszyka zakupowego UX
Proste i szybkie zamówienie: system One Step Checkout WordPress
Proces zakupowy został maksymalnie uproszczony i sprowadzony do jednej strony (One Step Checkout). Użytkownik w jednym widoku wprowadza dane adresowe, wybiera sposób dostawy oraz płatności, co eliminuje zbędne rozpraszacze i skraca ścieżkę do finalizacji zamówienia.
Dla powracających klientów przygotowaliśmy funkcję Express Checkout: system pamięta poprzednie preferencje i dane, dzięki czemu złożenie kolejnego zamówienia sprowadza się do jednego kliknięcia. To rozwiązanie drastycznie redukuje liczbę porzuconych koszyków.
Moje konto
Dykowany mailing
W celu zachowania pełnej spójności wizualnej we wszystkich punktach styku klienta
z marką Auto Na Blask, zaprojektowaliśmy i wdrożyliśmy dedykowane szablony wiadomości e-mail.
Każdy komunikat – od potwierdzenia rejestracji po statusy zamówienia – posiada unikalny design dopasowany do identyfikacji wizualnej sklepu.
Dzięki temu budujemy profesjonalny wizerunek marki i zwiększamy zaufanie użytkowników na każdym etapie ich ścieżki zakupowej.
Full-custom UX/UI Design i WooCommerce Development
Realizacja dla Auto Na Blask miała charakter kompleksowy – od podstaw zaprojektowaliśmy i wdrożyliśmy każdy element interfejsu. Poza kluczowymi etapami ścieżki zakupowej (strona główna, listingi, karty produktów), stworzyliśmy dedykowane widoki wspierające budowanie autorytetu marki i SEO.
Wśród nich znalazły się: przejrzysta lista marek, sekcja o historii firmy, rozbudowany moduł blogowy, autorski słownik pojęć branżowych oraz podstrona dedykowana programowi lojalnościowemu. Takie podejście pozwoliło nam na pełną kontrolę nad spójnością wizualną i funkcjonalną całego ekosystemu.
mateusz konieczny
supermoc: development
poziom: lead
EXP: 14y
potrzebujesz → zrealizować podobny projekt WWW?
uwolnijmy moc twojego biznesu!
kuba konieczny
supermoc: design
poziom: senior
EXP: 10y
