Sklep Blog Ojciec – Case Study

Autor: Monika Loryńska

Kiedy Kamil Nowak, prowadzący bardzo popularnego bloga, www.blogojciec.pl, napisał do nas maila z tytułem “Potrzebuję zrobić wizualne czary-mary z moim sklepem”, ochoczo przyjrzeliśmy się stronie. Grafika rzeczywiście wymagała lekkiego odświeżenia, ale przede wszystkim zauważyliśmy, że obecny sklep ma trochę rzeczy, które mogą być kłopotliwe dla użytkowników i wymagają poprawy.

Uznaliśmy, że warto nie tylko popracować nad samymi kwestiami wizualnymi, ale również przede wszystkim właśnie nad kwestiami użyteczności. Z reguły tak staramy się pracować – o ile klient nam na to oczywiście pozwala. Bo czasem jest tak, że klient nie dba o użyteczność serwisu, a jedynie o to by był “ładny”. To niestety duży błąd, który może klienta sporo kosztować. Na szczęście Kamil był bardzo otwarty na sugestie.

I to, że w sklepie Blog Ojciec było parę rzeczy do poprawy to wcale nie znaczy, że źle sobie radził sprzedażowo – wręcz przeciwnie, na brak sprzedaży nie mógł narzekać. Ale przedsiębiorcy zawsze powinni myśleć o tym, co można jeszcze zrobić lepiej, co usprawnić, żeby klienci jeszcze więcej i chętniej kupowali. Na szczęście z kwestią usprawnień można się do nas zgłosić, a my podpowiemy co warto zrobić.

To, co zauważyliśmy w starym sklepie Blog Ojciec i co warto było poprawić:

Bardzo słabo widoczna ikonka koszyka (niektóre osoby mogły mieć kłopot ze znalezieniem koszyka) i brak podglądu zawartości Koszyka. Trzeba było wejść na stronę Koszyka, żeby zobaczyć jego zawartość.
Brak linków do zalogowania się do swojego konta w menu górnym i w zasadzie brak możliwości założenia konta (po to, by np. nie musieć za każdym razem wpisywać tych samych danych)
Wszystkie produkty były wrzucone “luzem” na stronę główną, do jednego worka, brakowało tu podziału na jakieś kategorie
Brak opinii klientów na stronie głównej – co jest szczególnie ważne tutaj, bo Kamil ma mnóstwo zadowolonych klientów i warto to pokazywać
Brak jakichkolwiek informacji o firmie w stopce
Mało wyraźne logo, szczególnie widoczne było to w wersji na smartfony
Nieprzetłumaczone z angielskiego niektóre frazy w motywie graficznym

Do zmiany grafiki wybraliśmy dla Kamila gotową templatkę z ThemeForest, w której dostosowaliśmy kolory do identyfikacji wizualnej Blog Ojciec, wgraliśmy wszystkie treści oraz poukładaliśmy produkty w różne sekcje, oddzielając Bestsellery od Promocji, dodaliśmy również Opinie klientów.

Finalny efekt prezentuje się tak: (możesz też wejść pod link sklep.blogojciec.pl)

Jakie dokładnie zmiany zostały wdrożone do sklepu i co to dało?

Lepiej widoczna ikonka Koszyka

W poprzedniej wersji strony ikonka Koszyka była nieco “przyklejona” do ostatniej pozycji w menu, co mogło powodować, że niektóre osoby jej nie widziały i nie wiedziały jak wejść do Koszyka

Wydzieliliśmy więc z prawej strony miejsce na kilka ikonek i tam pojawił się Koszyk. Użytkownicy są przyzwyczajeni, że najczęściej na stronach sklepów internetowych Koszyk pojawia się właśnie w prawym miejscu, razem z ikonkami Wyszukiwarki i Logowaniem do sklepu. Dlatego właśnie tak to zrobiliśmy. To nie sztuka zrobić to zupełnie inaczej niż mają inni, ale jeśli oglądamy strony i wiemy, że pewne rzeczy najczęściej znajdują się w określonych miejscach to tam ich szukamy. Wprowadzenie totalnej zmiany może spowodować, że użytkownik się pogubi. Wychodzimy więc do użytkownika z bardzo prostą nawigacją, do której jest już przyzwyczajony, po to by było mu łatwiej robić zakupy.

Ulepszona wyszukiwarka

Jak widzimy, wyszukiwarka również znalazła się z prawej strony, jako ikonka, którą należy kliknąć i dopiero wtedy rozwija się pole do wpisania słowa kluczowego. Wcześniej wyszukiwarka zajmowała całą szerokość ekranu i nie do końca estetycznie to wyglądało, zajmowało też trochę miejsca.

Teraz dodatkowo mamy też możliwość wyszukiwania produktów w wybranej kategorii.

Widoczna ikonka oraz możliwość zalogowania/rejestracji konta

Dodaliśmy ikonkę z możliwością zalogowania się do swojego konta – wcześniej w ogóle nie było opcji rejestracji konta. Dla stałych klientów Kamila mogło to być trochę kłopotliwe, ponieważ za każdym razem musieli podawać od nowa te same dane do wysyłki. Teraz dane uzupełniają się od razu po zalogowaniu, a użytkownik ma też możliwość wglądu w poprzednie zamówienia.

Dodanie opinii klientów

Kamil ma fantastyczną obsługę klienta w swoim sklepie i szkoda było tego nie pokazać, aby jeszcze bardziej wzbudzić zaufanie u nowych klientów. Wybraliśmy więc kilkanaście opinii i wrzuciliśmy je w pasku sklepu na stronie głównej

Wydzielenie kategorii dla produktów prezentowanych na stronie głównej

Wcześniej produkty były luzem wrzucone i pokazane po kolei, w rzędach, bez jakiegokolwiek oddzielenia np. na produkty najlepiej sprzedające się albo na promocje. Wydzieliliśmy więc kategorie Bestsellery oraz Promocje, a niżej wstawiliśmy Gry Planszowe, gdyż jest to najpopularniejsza kategoria w sklepie.

A tak to wyglądało wcześniej:

Mało wyraźne logo

Na telefonie logo było niewyraźne, wyglądało na nieco rozmyte. Klient nie posiadał niestety żadnego wektorowego formatu logo, ale na podstawie wysokiej jakości pliku PNG byliśmy w stanie wygenerować plik wektorowy w formacie SVG, dzięki czemu logo jest teraz ostrzejsze i bardziej czytelne

Brak informacji kontaktowych na stronie głównej

Na poprzedniej wersji sklepu brakowało kontaktu, chociażby mailowego, pokazanego na stronie głównej w taki sposób, żeby użytkownik nie musiał iść do zakładki Kontakt, a mógł już z poziomu strony głównej skontaktować się ze sklepem

Dodaliśmy więc dane firmy w stopce oraz widoczny adres mailowy do kontaktu, a także loga operatorów płatności dostępnych w sklepie, co pozwoli użytkownikom od razu zorientować się, czy te metody płatności mu odpowiadają.

Pracę z klientami tak otwartymi na sugestie lubimy najbardziej, ponieważ możemy się wykazać i mieć realny wpływ na pozytywny odbiór strony, a także łatwość nawigacji przez odbiorców docelowych. Pozytywne doświadczenia związane ze stroną powodują, że użytkownicy chętniej wracają i częściej kupują. Jest to niezwykle ważne, ponieważ jeśli odbiorcy się frustrują, że czegoś nie mogą znaleźć na stronie albo że coś nie działa tak jak powinno, to będą po prostu szybko uciekać ze strony i źle kojarzyć markę.

Twoja kolej

Masz jakieś pytania? Śmiało zadaj je w komentarzach pod tym wpisem! Jeśli spodobał Ci się ten wpis, to proszę prześlij go e-mailem do swoich znajomych, lub podziel się nim na Facebooku lub Twitterze. Dziękuję!

Post Views: 34