Efekciarnia

Re-design i wdrożenie PrestaShop 1.7

e-sklepu Efekciarnia

Informacje o projekcie

Typ: B2BFashion

Zakres prac: Projektowanie Ux, Wdrożenie, Support,

Zobacz online

Wyzwanie

Projekt, który rozpoczęliśmy z Efekciarnią miał jeden ważny warunek - musiał być realizowany w myśl zasady “mobile first”. Oczywiście cały proces przebiega analogicznie do tego “standardowego” z tą jednak różnicą, że nasze działania mocno skupione zostały na wersji pod urządzenia mobilne.

Działanie

Re-design istniejącego sklepu, pozwolił na rozpoczęcie prac od zebrania i analizy danych. Klient również miał pewną świadomość tego, co się nie działa, powoduje problemy dla użytkowników i co konkretnie musi zostawić poprawione w nowym projekcie.

Efekt prac

Cały proces projektowy zakończył się wdrożeniem i uruchomieniem zoptymalizowanej platformy sprzedażowej, która świetnie wypada w raportach. Ciągła praca nad rozwojem e-sklepu doskonale wpisuje się w myśl projektowania dla użytkownika.

O projekcie

Start projektu, czyli od czego zaczęliśmy prace

Efekciarnia z miesiąca na miesiąc umacnia swoją pozycję na rynku, a co za tym idzie - potrzebuje nowych narzędzi sprzedażowych. Przestarzały design, problemy z funkcjonowaniem e-sklepu i zamówieniami, przyczyniły się do podjęcia decyzji o wprowadzeniu zmian. Gruntownych zmian. Należy też wspomnieć, że niedogodności dla użytkowników było wiele - wolno działająca strona, nieczytelne treści, trudności ze złożeniem zamówienia na urządzeniu mobilnym i wiele więcej. Przy tak dynamicznym rozwoju sprzedaży online nie można dopuścić do tego rodzaju błędów. Aby lepiej poznać markę, jej wizje i potrzeby wybraliśmy przeprowadziliśmy warsztaty biznesowe z Klientem. Podczas kilkugodzinnej sesji zbierania wymagań omawialiśmy każdy aspekt działania firmy - produkt, użytkowników, marketing, plany i harmonogram prac - bez tego nie mogliśmy ruszyć z projektem. Każda informacja zdobyta w trakcie trwania projektu pozwalała nam na opracowanie rozwiązań odpowiadających na potrzeby biznesu, użytkowników z jednoczesnym uwzględnieniem technologii - PrestaShop 1.7.

Analiza konkurencji i trend research W głowie zawsze pojawiają się pierwsze pomysły i plany, ale są to jedynie zarysy właściwego projektu. Dla lepszego zrozumienia branży ważnym elementem jest analiza rynku - w tym wypadku pod lupę poszło kilka popularnych e-commerce z branży, w której działa Klient. To w jaki sposób pokazują produkt, jakie informacje udostępniają użytkownikom, jak kategoryzują produkty itp., pomaga w organizacji treści, stworzeniu architektury informacji i pierwszych szkiców. Co jest popularne teraz? Co już dawno przestało być popularne? Co będzie aktualne w następnych sezonach? To pytania przed którymi stoi dział projektowy. Przestarzały design to jeden z argumentów za wdrożeniem nowego sklepu online - musieliśmy opracować projekt, który będzie aktualny teraz i za kilka lat.

Makiety i projekt graficzny Podstawę projektowania stanowił brandbook marki - opracowany przez klienta przed re-designem e-sklepu. Spójna identyfikacja wizualna to podstawa. Bazując na zebranych do tego momentu trwania projektu informacji powstało kilkadziesiąt widoków makiet. Wykorzystujemy do tego narzędzie Adobe XD. Po kolejnych warsztatach z klientem, na których omówiliśmy dotychczasowy efekt prac nadszedł czas drobnych modyfikacji i projektowania graficznego.

Zakres prac

Współpraca z Klientem

Współpraca z Klientem trwa już kilka lat, a rozpoczęła się od zlecenia działań optymalizacyjnych, które zrealizowaliśmy na poprzedniej wersji e-sklepu. Kolejnym krokiem była decyzja o postawieniu nowej wersji platformy - odświeżonej, zoptymalizowanej, w oparciu o system PrestaShop 1.7

Mobile first

Ruch użytkowników Efekciarni na urządzeniach mobilnych jest duży, a to daje duży potencjał na zwiększenie sprzedaży. Należało jednak popracować nad zwiększeniem współczynnika konwersji. Decyzja, aby dobrze pokierować działaniami, skupiając się na mobile, to jeden z ważniejszych aspektów współpracy. Trudno się dziwić - mCommerce ciągle zyskuje na popularności.

Makiety, projekt graficzny

Standardowy projekt makiet funkcjonalnych, który zawsze jest przygotowywany pod desktop, został uzupełniony o komplet dla wersji mobile. Kolejnym krokiem było stworzenie projektu graficznego w odświeżonej wersji. Sklep internetowy w nowej odsłonie ma charakter nowoczesny, lekki, z zachowaniem obecnych trendów.

Wdrożenie

Standardowo sklep został wdrożony o platformę open source - PrestaShop, w wersji 1.7. Przed uruchomieniem zadbaliśmy oczywiście o wprowadzenie odpowiednich tłumaczeń, a na koniec wdrożyliśmy dedykowany zestaw maili transakcyjnych, z uwzględnieniem identyfikacji wizualnej marki. Za dopilnowanie całego projektu był odpowiedzialny Project Manager.

Karta produktu, koszyk - nasze sposoby na eComemrce

Biorąc pod uwagę jak ważna jest karta produktu dla odwiedzającego sklep internetowy, projektując ją skupiliśmy się na dokładnym rozmieszczeniu najważniejszych elementów. W przypadku Efekciarni, gdy oferta e-sklepu jest szeroka, a różnorodność produktów bardzo duża, musieliśmy zaproponować rozwiązanie, które będzie odpowiednie dla każdego rodzaju produktu. Najlepszym rozwiązaniem okazało się stworzenie kilkunastu sekcji, które nasz Klient może z poziomu back office’u z łatwością włączać i wyłączać w ramach potrzeb. Do tych sekcji należy np. tabela z danymi technicznymi, materiały video ( jeden lub kilka), opis tekstowy, materiały do pobrania, sekcje cross i up-sellingowe itp. Aby ułatwić użytkownikowi poruszanie się po sklepie, zaproponowaliśmy również przechodzenie między wariantami - np. kolorami czy rozmiarami produktu. Równie ważna jest prowadzona z klientem komunikacja, dlatego też sklep obfituje w potrzebne treści. Klient docelowy może przeczytać o czasie i kosztach dostawy wybranego produktu, czasie zwrotu, gwarancji czy dacie ponownej dostępności oferty. Użytkownik dostaje również informacje o dokładnej kwocie jaką oszczędza korzystając z promocji, a sama promocja jest uzupełniona o licznik. Dodatkowo, jeśli znalazł w Internecie tańszą ofertę - może podjąć z marką negocjacje ceny. Nie sposób również pominąć umieszczenia wszelkiego rodzaju informacje będących tak zwanym ‘social proof’ - czyli dowodem społecznym. Zalicza się do nich komunikaty typu “XXX użytkowników kupiło dany produkt” albo sekcja z opiniami o produkcie. Na uwagę zasługuje również funkcjonalność, która jest odpowiedzią na model biznesowy marki i dotyczy rozdzielonej dostawy za zamówione produkty. Szeroka i różnorodna oferta, zróżnicowana waga i format produktów (np. kanapa vs wiadro farby) oraz zmienny czas produkcji, wymuszają dzielenie jednego zamówienie na kilka form dostawy. Użytkownik, na każdym etapie zamówienia, otrzymuje odpowiednie komunikaty, aby proces zakupowy, w którym bierze udział był dla niego intuicyjny.