Proces tworzenia szablonu dedykowanego dla sklepu PrestaShop

Proces tworzenia szablonu dedykowanego dla sklepu PrestaShop od dziś nie będzie miał dla Ciebie tajemnic! W tym artykule omówię go po to, aby ułatwić obecnym i przyszłym klientom Tebim zrozumienie, jak ten proces przebiega.

Współpraca UX Designera i zespołu Klienta

Żaden klient nie lubi kupować kota w worku. Chce wiedzieć, jak proces tworzenia szablonu będzie wyglądał, bo musi przede wszystkim zarezerwować czas swojego zespołu, który będzie uczestniczył w przedsięwzięciu. Dlaczego? Ponieważ UX Designer potrzebuje konsultacji w wielu aspektach. Przecież nie zna danego biznesu tak dobrze, jak grupa ludzi od początku się nim zajmująca. Potrzeba współpracy! Od czego więc ją zacząć?

Warsztaty z UX Designerem

Przede wszystkim warto zacząć współpracę od 2-3 godzin warsztatów z UX Designerem. Specjalista zbada Twoje potrzeby biznesowe  i pomoże Ci podjąć decyzję, czy warto zainwestować w szablon dedykowany, czy wystarczy gotowy szablon. Często niepotrzebne jest wdrażanie autorskiego szablonu, bo można zaspokoić potrzeby i osiągnąć cele biznesowe za pomocą gotowych rozwiązań, które potrafią być nawet połowę tańsze.

Oczywiście te pierwsze 2-3 godziny to nie jest taka pełna analiza biznesowa i badanie persony. Chodzi bardziej o wskazanie różnic, na poziomie biznesowym i technologicznym, między szablonem autorskim i gotowym. Tu są dwie różne ścieżki i ciężko dzisiaj powiedzieć, która jest lepsza, a która gorsza. Wszystko zależy od celu, który chcemy wspólnie osiągnąć. Te pierwsze warsztaty, które akurat my w TEBIM przeprowadzamy, mają na celu pokazanie tych różnic.

Zaangażowanie zespołu Klienta w tworzenie dedykowanego szablonu sklepu

Zdecydowanie wolę pracować z klientami świadomymi, którzy mają swoje zdanie, odbijają moje argumenty i aktywnie kontrują. Proces projektowania szablonu sklepu internetowego polega przede wszystkim na dyskusji i żeby osiągnąć efekt idealny dla danego biznesu, musi być dialog z obu stron – UX designera znającego dobre praktyki i osoby znającej specyfikę działalności i cele biznesowe firmy.

Również podczas pracy nad stroną TEBIM były dyskusje ludzi z każdego działu, dlaczego coś robimy tak, a nie inaczej oraz jaki to ma osiągnąć cel. Taka konfrontacja jest potrzebna, żeby zawrzeć na stronie to, co najważniejsze. Dział sprzedaży chce osiągnąć swoje cele, dział marketingu swoje, a deweloperzy jeszcze inne. Trzeba dojść do kompromisu, żeby osiągnąć najlepszą użyteczność korzystania ze strony.

Korzyści z warsztatów

Warsztaty z UX Designerem pomogą Ci w świadomy sposób podjąć decyzję co do wyboru szablonu (gotowego lub dedykowanego). Wszystko po to, żeby się nie okazało, że niepotrzebnie przeznaczyłeś pieniądze na autorski szablon, bo to samo mogliśmy osiągnąć dzięki tańszemu gotowemu szablonowi. W zamian za to mógłbyś te środki przeznaczyć na przykład na reklamę, czy automatyzację procesów.

Proces tworzenia szablonu dedykowanego dla sklepu PrestaShop – szablon gotowy czy dedykowany

Dużej części naszych Klientów wręcz odradzałem autorską ścieżkę szablonu. Dlaczego? Ponieważ żeby proces tworzenia szablonu dedykowanego dla sklepu na platformie PrestaShop był naprawdę dobrze przeprowadzony, musi być zespół ludzi po drugiej stronie, który jest w stanie tę pracę odebrać. Dlatego często mówimy Klientowi, żeby lepiej na ten najbliższy czas wybrał sobie gotowy szablon. Widzi wtedy dokładnie, co wybiera. Wie, jak on wygląda. To rozwiązanie jest tańsze do przetestowania modelu biznesowego.

Co prawda, gotowy szablon ma pewne minusy, ale generalnie na pewnym etapie rozwoju firmy to jest lepsza droga.

Z poprzedniego artykułu wiesz już, czym różni się szablon gotowy od dedykowanego. Jeszcze nie zaznajomiłeś się z treścią? Przeczytaj koniecznie.

Elementy procesu tworzenia szablonu dedykowanego dla sklepu PrestaShop

Główne elementy, z których składa się proces tworzenia szablonu, to:

1. Analiza biznesowa
2. Określenie persony
3. Analiza produktu
4. Analiza konkurencji
5. Określenie celów biznesowych
6. Przygotowanie makiet – makiety UX, to nie jest jeszcze gotowy projekt wizualny, tylko makieta, która prezentuje rozkład blokowy elementów na sklepie. Jeżeli klient go zaakceptuje, przygotowujemy projekt właściwy z makietami UI.
7. Dyskusje, rozmowy, burza mózgów, w czasie której dochodzimy do kompromisu i decydujemy się na konkretne rozwiązania.
8. Projekt właściwy – na projekcie właściwym wykorzystujemy narzędzia AI, które pozwalają nam sprawdzić, czy nasze rozwiązania są trafne. Czyli między innymi:

• czy wyszukiwarka jest w dobrym miejscu,
• gdzie będzie się skupiał wzrok klienta. Już za pomocą pewnych narzędzi analizujemy sobie makiety, czy wstępnie jest to dobre rozwiązanie, czy nie.

9. Przekazanie projektu do developmentu – w tym etapie Klient ma już zdecydowanie mniejszy udział.

Kim jest persona w sklepie internetowym

Personą jest klient docelowy. To osoba czy grupa osób, której chcesz sprzedawać swoje produkty. Trzeba określić przede wszystkim jej wiek, płeć oraz to, w jaki sposób podejmuje decyzje zakupowe.

W końcu inaczej będziemy sprzedawali suplementy dla osób starszych, a inaczej meble, prawda?

Czym jest makieta

Jest to projekt najniższego poziomu. Chodzi o to, że projektujemy sobie rozkład elementów, czyli na przykład planujemy, że slider będzie na całą szerokość, a lista produktowa na stronie kategorii będzie z lewym menu.

Jakie korzyści daje makieta

Dzięki makiecie zespół klienta widzi układ sklepu. Nie może sobie w nic kliknąć, bo nic nie będzie to działać jak prawdziwy sklep. Widzi po prostu suchy rozkład szarych bloków – elementów, które będą na sklepie. Jest widoczny na przykład symbol wyszukiwarki, symbol logotypu i tak dalej. Bez grafik, bez kolorów.

Pomysły naszych klientów, a rzeczywistość

Zazwyczaj przychodzi do nas Klientka i ma pewne wyobrażenie swojego sklepu. U konkurencji lub nawet w sklepie z innej branży widziała coś, co jej się spodobało i w swoim sklepie chce mieć coś podobnego. Czy spełniamy od razu jej oczekiwania?

Niestety, do projektu swojego sklepu trzeba podejść bez emocji. Pamiętaj, że nie wszystko co ładne, zawsze się sprzedaje. I nie wszystko, co ma konkurencja, sprawdzi się w Twoim sklepie internetowym.

Projektowanie sklepu eCommerce nie polega na tym, że weźmiesz sobie kilka elementów z różnych istniejących już sklepów i zmiksujesz je we własnym sklepie. Klient ma przejść w Twoim sklepie ścieżkę, którą Ty mu wytyczysz. To Ty, jako właściciel sklepu, dyktujesz klientowi sposób poruszania się po Twojej stronie. Jednak ta ścieżka nie może być zbiorem przypadkowych elementów i funkcji, tylko przemyślanie zaprojektowaną ścieżką zakupową.

Proces tworzenia szablonu dedykowanego dla sklepu PrestaShop – połączenie serca i rozumu

Podczas pracy warsztatowej z Klientem, jak najbardziej bierzemy pod uwagę jego odczucia estetyczne czy funkcjonalności, które chciałby mieć u siebie w sklepie. Jednak ostatecznie konfrontujemy je z potrzebami i celami danego biznesu eCommerce. Jeżeli grupą docelową sklepu są osoby 50+, a Klientka podesłała nam elementy interfejsu ze sklepu młodzieżowego, to wiadomo, że nie wszystko będzie pasowało.

Nie zawsze oczekiwania i wyobrażenia Klientów są trafne. Wtedy sugerujemy inne rozwiązania. Mówimy o swoich doświadczeniach i jak poszczególne rozwiązania powinny zadziałać. Klient zwykle się z nami zgadza, bo nam ufa. Przecież i jemu i nam zależy, żeby tak zrobić sklep, by był jak najlepszy i przynosił jak największe zyski.

UX Design – pobierz poradnik, aby zwiększyć konwersję w Twoim sklepie

Pobierz poradnik
Pobierz poradnik

Testy A-B

Każdy element w sklepie powinien mieć swój cel i zasadność użycia. Nie ma tu miejsca na przypadki. Zdarza się nawet, że robimy pewne testy A-B, czyli projektujemy dwa rodzaje nawigacji i testujemy, który jest bardziej skuteczny. Mamy też landingi sprzedażowe w ramach sklepu, co jest coraz częstszą drogą do prezentowania i promowania okazji sprzedażowych.

Czy użycie szablonu dedykowanego dla początkującego sklepu PrestaShop ma sens

Z mojego doświadczenia wynika, że ścieżkę autorskich szablonów powinny wybierać świadome biznesy i najczęściej takie, które już posiadają swoje sklepy eCommerce. Biznesy, które dopiero zaczynają, nawet jeśli mają duże budżety, ale nie mają jeszcze wykwalifikowanego zespołu zarządzającego, powinny wybrać gotowy szablon i przetestować go chociaż przez rok. Dzięki temu można sprawdzić, jak ten szablon się sprawuje, czy wystarcza dla danego biznesu, czy czegoś mu brakuje. Takie roczne doświadczenie pozwoli sprecyzować potrzeby danego biznesu. Prawdopodobnie pojawią się jakieś problemy, które wymuszą zmiany w sklepie. Wtedy można się pokusić o szablon dedykowany.

Najważniejsza różnica między szablonem gotowym a dedykowanym

Klient, wybierając gotowy szablon, dostaje od razu konkretną wersję sklepu i widzi, jak sklep wygląda.

Natomiast projektując szablon dedykowany, możemy stworzyć nawet 10 różnych układów kart produktu i wszystkie przetestować na interaktywnych makietach. W tym przypadku jest więc większa elastyczność na etapie kreacji. Możemy nawet dać próbną makietę do testów określonej grupie docelowej. Mamy tu większe pole do popisu, żeby faktycznie przetestować więcej różnych rozwiązań i sprawdzić, które są najbardziej skuteczne.

W szablonie dedykowanym mamy możliwość zaprojektowania na makietach całej ścieżki zakupowej od końca do początku do końca. Potem analizujemy jej działanie i przygotowujemy do tego projekt. Robimy to w sposób spójny ze względu na potrzebę biznesową, żeby panel klienta dobrze zaprojektować. W sklepie PrestaShop panel klienta jest potraktowany bardzo po macoszemu. A są biznesy, gdzie jest to doskonałe miejsce do sprzedaży, gdzie klienci często i długo przebywają, więc w takich sytuacjach jak najbardziej należy o tę część sklepu internetowego szczególnie zadbać.

Czy po wdrożeniu dedykowanego projektu zdarzają się później jakieś większe zmiany

W biznesach funkcjonujących, które sprzedają, zachodzi proces ewolucji projektu. Zdarzają się więc poprawki i zmiany. Może się zdarzyć, że jakaś funkcjonalność w ogóle nie jest przez Klienta wykorzystywana. Wtedy możemy ją usunąć i wykorzystać miejsce na coś bardziej przydatnego.

Jednak poświęciliśmy mnóstwo czasu na analizę biznesu i dobranie grupy docelowej, więc zazwyczaj pomyśleliśmy praktycznie o wszystkim. Jeśli potrzebne są zmiany, to nie są znaczące. Raczej są to poprawki „kosmetyczne”. Nie zdarzyło się nam jeszcze, żeby element nawigacji został kompletnie przebudowany, czy kompletnie zmieniona karta produktu. Wynika to z tego, że już na etapie wyboru szablonu doradzamy klientowi jaki szablon wybrać, aby zmian było w nim jak najmniej.

Podsumowanie – proces tworzenia szablonu dedykowanego dla sklepu PrestaShop

Projekt dedykowany, tak jak już wielokrotnie wspomniałem w dzisiejszym czy poprzednim artykule, jest dla świadomych biznesów, które wiedzą, czego potrzebują od sklepu internetowego oraz mają zasoby czasowe finansowe na to, żeby uczestniczyć w budowaniu tego projektu. Projektowanie sklepu od podstaw trwa dłużej niż w przypadku wykorzystania gotowego szablonu, więc trzeba zaplanować również czas firmy na pracę nad projektem.