Wyzwanie
Klient prowadzi sklep internetowy ze sprzętem Apple oraz produktami powiązanymi. W ofercie znajdują się również akcesoria ochronne, folie zabezpieczające Grizz Protector oraz produkty wspierające fotografię mobilną. Dlatego sklep musi działać sprawnie, szybko i intuicyjnie.
W ramach współpracy klient potrzebował usprawnień w kilku obszarach. Najważniejsze były checkout, karta produktu, prezentacja produktów dodatkowych oraz porządek SEO. Jednocześnie liczyła się wygoda obsługi zamówień po stronie panelu administracyjnego.
Projekt wymagał połączenia działań UX, technicznych i sprzedażowych. Z jednej strony upraszczaliśmy ścieżkę zakupową. Z drugiej strony rozwijaliśmy funkcje, które wspierają cross-selling i zwiększają wartość koszyka. Ponadto pomagaliśmy klientowi w sytuacjach awaryjnych, gdy sklep wymagał szybkiej reakcji technicznej.
Zakres prac
Najpierw zajęliśmy się optymalizacją checkoutu. Usunęliśmy wybrane pola opcjonalne, dodaliśmy możliwość powrotu z koszyka do sklepu oraz ograniczyliśmy elementy rozpraszające. Dzięki temu proces zakupu stał się prostszy i bardziej skupiony na finalizacji zamówienia.
Następnie poprawiliśmy walidację pól w formularzach. Komunikaty pojawiają się już podczas wpisywania danych, dlatego użytkownik szybciej widzi, co należy poprawić. Dodatkowo wyciągnęliśmy dane firmowe, takie jak NIP, do panelu administracyjnego. Umieściliśmy je w miejscu wskazanym przez klienta, więc są od razu widoczne i łatwo dostępne.
Kolejnym etapem były zmiany na karcie produktu. Przebudowaliśmy układ sekcji, poprawiliśmy wygląd wariantów oraz rozwinęliśmy sekcję produktów dodatkowych. Ponadto dodaliśmy sticky bar z opcją dodania produktu do koszyka. Prace objęły zarówno desktop, jak i mobile.
Wdrożyliśmy także formularz kontaktowy w wynikach wyszukiwania bez rezultatów. Dzięki temu użytkownik, który nie znajduje produktu, może od razu wysłać zapytanie. Dodatkowo przygotowaliśmy popup „dodane do koszyka” z listą produktów powiązanych. To rozwiązanie wspiera sprzedaż produktów uzupełniających.
Na koniec uporządkowaliśmy elementy SEO. Dostosowaliśmy i ujednoliciliśmy wyświetlanie title tagów oraz meta descriptions. Pomogliśmy również klientowi w przypadku poważnej awarii, gdy część produktów zaczęła pokazywać cenę oraz stan 0.
Co wdrożyliśmy
Usprawnienie checkoutu i ścieżki zakupowej
Checkout jest jednym z najważniejszych etapów w sklepie internetowym. Dlatego skupiliśmy się na skróceniu drogi zakupu i ograniczeniu elementów, które mogły rozpraszać użytkownika.
Usunęliśmy część pól opcjonalnych, aby formularz był prostszy. Dodaliśmy także opcję wyjścia z koszyka i powrotu do sklepu. Dzięki temu użytkownik może łatwo wrócić do oferty, gdy chce dodać kolejny produkt lub sprawdzić szczegóły zamówienia.
Ukryliśmy również wybrane zakładki footera w checkout. W rezultacie użytkownik skupia się na finalizacji zakupu. Taki zabieg wspiera konwersję, ponieważ zmniejsza liczbę rozpraszaczy na ostatnim etapie ścieżki.
Walidacja pól w czasie wpisywania danych
Dodaliśmy walidację pól, która działa już podczas wpisywania wartości. Dzięki temu użytkownik dostaje informację zwrotną od razu, a nie dopiero po wysłaniu formularza.
To ważne w checkout, ponieważ błędy w danych mogą wydłużać proces zakupu. Walidacja w czasie rzeczywistym pomaga szybciej poprawić dane i przejść dalej. W efekcie formularz jest bardziej przyjazny i mniej frustrujący.
Dane firmowe widoczne w panelu admina
Klient potrzebował łatwiejszego dostępu do danych firmowych przy zamówieniach. Dlatego dodaliśmy funkcję wyciągania danych takich jak NIP do panelu administracyjnego.
Umieściliśmy te dane w miejscu wskazanym przez klienta. Dzięki temu zespół obsługujący zamówienia widzi je od razu i nie musi szukać ich w mniej intuicyjnych miejscach. To usprawnia codzienną pracę oraz skraca czas obsługi zamówień firmowych.
Formularz kontaktowy przy braku wyników wyszukiwania
Dodaliśmy formularz kontaktowy do wyników wyszukiwania z rezultatem zero. Dzięki temu użytkownik, który nie znalazł produktu, nie trafia w ślepy zaułek.
Zamiast opuszczać stronę, może od razu wysłać zapytanie do sklepu. To dobre rozwiązanie UX, ponieważ pomaga przechwycić intencję zakupową. Ponadto klient zyskuje dodatkowe źródło informacji o produktach, których użytkownicy szukają w serwisie.
Rozbudowa i poprawa karty produktu
Wprowadziliśmy zmiany wyglądowe oraz funkcjonalne na karcie produktu. Celem było ułatwienie przeglądania oferty i podniesienie satysfakcji użytkownika.
Prace objęły zmianę układu sekcji oraz poprawę prezentacji najważniejszych informacji. Przerobiliśmy także wygląd opcji wariantowych dla produktów typu iPhone. Dzięki temu wybór modelu, wariantu lub konfiguracji stał się bardziej czytelny.
Dodatkowo przebudowaliśmy sekcję produktów dodatkowych. Poprawiliśmy też wygląd zakładek informacyjnych w produkcie. W efekcie karta produktu lepiej prowadzi użytkownika przez ofertę i ułatwia podjęcie decyzji zakupowej.
Zmiany wdrożyliśmy zarówno dla wersji desktop, jak i mobile. Dzięki temu doświadczenie zakupowe jest spójne na różnych urządzeniach.
Sticky bar z opcją dodania produktu do koszyka
Na karcie produktu dodaliśmy sticky bar z opcją dodania produktu do koszyka. Pasek pozostaje dostępny podczas przewijania strony, dlatego użytkownik może szybko wykonać główną akcję.
To szczególnie ważne na dłuższych kartach produktu. Użytkownik może czytać opis, sprawdzać warianty lub przeglądać dodatkowe informacje, a przycisk zakupu nadal pozostaje pod ręką. Dzięki temu ścieżka do koszyka jest krótsza i wygodniejsza.
Produkty powiązane w popupie „dodane do koszyka”
Jednym z ciekawszych elementów współpracy było przygotowanie listy produktów powiązanych w popupie „dodane do koszyka”. Po dodaniu produktu użytkownik widzi produkty uzupełniające, które mogą pasować do jego zakupu.
Produkty powiązane pobieramy z sekcji o tej samej nazwie w widoku edycji produktu w Back Office. Dzięki temu klient może samodzielnie zarządzać rekomendacjami. Co ważne, mechanizm łączy wygodę administracyjną z realnym wsparciem sprzedaży.
W rezultacie użytkownik otrzymuje dodatkową propozycję w odpowiednim momencie. Taki cross-selling działa naturalnie, ponieważ pojawia się po dodaniu produktu do koszyka. Rozwiązanie przyniosło pozytywne rezultaty sprzedażowe.
Ujednolicenie title tagów i meta descriptions
Dostosowaliśmy oraz ujednoliciliśmy wyświetlanie title tagów i meta descriptions w serwisie. Dzięki temu sklep ma bardziej spójne elementy SEO.
Tytuły i opisy wpływają na sposób prezentacji podstron w wynikach wyszukiwania. Dlatego ich uporządkowanie wspiera dalsze działania SEO. Ponadto ujednolicona struktura pomaga utrzymać porządek przy rozbudowanym katalogu produktów.
Szybka reakcja na awarię sklepu
W ramach współpracy pomogliśmy klientowi także w sytuacji awaryjnej. Duża grupa produktów zaczęła wyświetlać stan oraz cenę 0. Problem poważnie wpływał na działanie sklepu, ponieważ dotyczył kluczowych danych sprzedażowych.
Natychmiast przystąpiliśmy do działania. Przeanalizowaliśmy problem, zidentyfikowaliśmy źródło błędu i przywróciliśmy poprawne działanie sklepu w krótkim czasie. Dzięki temu ograniczyliśmy negatywny wpływ awarii na sprzedaż oraz obsługę klientów.
Efekty
W ramach prac usprawniliśmy checkout, kartę produktu oraz elementy administracyjne sklepu. Użytkownik ma prostszą ścieżkę zakupową, czytelniejszy formularz i wygodniejszą kartę produktu. Ponadto sticky bar oraz produkty powiązane w popupie koszyka wspierają sprzedaż i ułatwiają zakup dodatków.
Po stronie klienta poprawiliśmy dostęp do danych firmowych w panelu admina. Dodaliśmy też formularz kontaktowy przy braku wyników wyszukiwania, więc sklep lepiej reaguje na potrzeby użytkowników. Dodatkowo uporządkowaliśmy title tagi i meta descriptions, co wzmacnia techniczny fundament SEO.
Co ważne, wsparliśmy klienta również przy poważnej awarii. Szybka reakcja pozwoliła przywrócić poprawne ceny i stany produktów. W efekcie sklep działa stabilniej, jest wygodniejszy dla użytkowników i lepiej przygotowany do dalszego rozwoju sprzedaży.
Technologie i obszary
Optymalizacja checkoutu, UX e-commerce, karta produktu, produkty wariantowe, sticky add to cart, popup koszyka, produkty powiązane, cross-selling, panel administracyjny, dane firmowe i NIP, wyszukiwarka sklepu, formularz kontaktowy, title tagi, meta descriptions, SEO techniczne, obsługa awarii sklepu internetowego.
Jeśli chcesz usprawnić sklep internetowy, możemy pomóc. Poprawimy checkout, kartę produktu, UX, SEO oraz elementy wspierające sprzedaż. Skontaktuj się z nami, a przygotujemy rozwiązania dopasowane do Twojego sklepu i procesu zakupowego.