Budując wizualną warstwę e-sklepu,
należy warto zwrócić uwagę na odpowiedni dobór kolorystyki i rozmieszczenie poszczególnych elementów na stronie.

Przejrzystość witryny sprzyja bowiem wygodnej i intuicyjnej nawigacji. Oprócz tego istnieje również szereg designerskich sztuczek, dzięki którym jesteśmy w stanie jeszcze bardziej zachęcić każdego potencjalnego klienta do zakupów. W poniższym artykule przedstawiamy sześć najciekawszych, które warto zaimplementować w swoim sklepie.

1. Interaktywne landing pages

Dedykowane strony typu landing pages są już standardem w świecie sprzedaży internetowej. Tworzone na potrzeby sezonowych wyprzedaży, nowych kolekcji (produktów) czy promocji ograniczonych czasowo stanowią samodzielne strony produktowe, często posiadające znacznie większe możliwości interaktywności, niż klasyczna sklepowa karta produktu.

Przykład: jako, że landing page powstają głównie na potrzeby konkretnych akcji promocyjnych trudno znaleźć przykład, który w sieci utrzymałby się wystarczająco długo. Chyba, że na potrzeby tego artykułu przyjmiemy, że definicję taką spełnia… strona główna Zalando. Po wejściu na nią, już na pierwszym ekranie wzorem typowego landing page pojawiają nam się wyraźne kafle z możliwością przejścia do jednej z trzech głównych kategorii „Kobiety”, „Mężczyźni”, „Dzieci”.

2. Zdjęcia na całą szerokość strony

To chyba najczęściej powtarzane hasło, ale jest na tyle prawdziwe, że należy mówić o nim, gdy tylko jest okazja. „Zdjęcie sprzedaje produkt” – powtarzamy to po raz kolejny. Warto więc zatroszczyć się, aby wszystkie zdjęcia pojawiające się na karcie produktu były profesjonalnie wykonane i obrobione. Najlepiej, gdy pokazują jak najwięcej możliwych detali i pozwalają obejrzeć produkt z każdej możliwej strony. Oraz umieszczone są na całej szerokości kolumny.

Przykład: Dobrym przykładem w prezentacji zdjęć jest sklep X-KOM. Górna część karty produktu zawiera typową galerię z możliwością powiększenia, w dolnej – tam gdzie znajduje się typowy opis szczegółowy – znajdziemy jeszcze więcej grafik pozwalających zapoznać się z konkretnym produktem.

3. Personalizacja zakupów

Oprócz zdjęć i opisów karta produktów wypełniona jest również innymi sekcjami usprawniającymi zakupy, lub wspomagającymi dobór przydatnych akcesoriów. Takie elementy, jak wybór polecanych produktów, lista podobnych towarów, lista rzeczy, które przeglądaliśmy wcześniej, akcesoria dodatkowe/zapasowe do właśnie wyświetlanego produktu – to wszystko zwiększa szansę, że klient może dodać do koszyka coś jeszcze. Albo zachęcony możliwością odbioru osobistego w najbliższej okolicy (taka informacja również pojawia się w sekcji spersonalizowanej) zdecyduje się na wybór właśnie naszego sklepu spośród wszystkich dostępnych.

Przykład: Sklep Euro.com.pl, podobnie jak wiele innych sklepów posiada bardzo rozbudowaną sekcję personalizacji zamówienia. Oprócz bogatej oferty akcesoriów (dostępnych w promocyjnych cenach) do niemalże każdego produktu, umożliwia również dostawy do jednego z sklepów swojej sieci, lub (jeśli w danym sklepie produkt znajduje się na stanie) rezerwację z możliwością odbioru nawet w ciągu godziny.

4. Filmy wideo

Sprzedaż niektórych produktów w internecie jest o tyle trudna, że na zdjęciach nie zawsze da się je pokazać w użyciu. Na szczęście w żyjemy w czasach szybkich łączy internetowych a to oznacza, że możemy bez problemów streamować obraz wideo w wysokiej jakości. Dlatego też coraz popularniejsze staje się wzbogacanie treści opisowej w sklepie o materiały wideo, które znacznie poprawiają atrakcyjność prezentowanych w ten sposób produktów.

Przykład: Jednym z sklepów, które regularnie wzbogacają niektóre swoje karty produktów o materiały wideo jest sklep Adidas (http://www.adidas.pl/buty-messi-15.3-firm-artificial-ground/S74689.html). Pozwala to na ciekawsze przedstawienie wybranych produktów, zwłaszcza tych sygnowanych znanymi nazwiskami (jak np. piłkarskie buty Messi 15,3 prezentowane w powyższym linku).

5. Brak sidebarów

Projektowanie nowoczesnych sklepów sprawiło, że dzisiejsze karty produktów skupione są na jak najlepszej prezentacji swojej zawartości, bez rozpraszaczy np. w postaci sidebara. Dzięki takim rozwiązaniom produkt ma do dyspozycji pełną szerokość okna przeglądarki i nie musi dzielić go z listą kategorii, i kolorowymi banerkami znanymi ze starszych sklepowych designów.

Przykład: obecnie zdecydowana większość powstających lub przeprojektowywanych sklepów pozbywa się sidebara ze strony prezentującej produkt. Dzięki temu pozostaje więcej miejsca na odpowiednią prezentację produktu i wszystkich informacji z nim związanych. Przykładem może być internetowy sklep Vistuli.

6. „Dodaj do koszyka” jako tzw. „sticky button”

Ten element jest na razie w polskim ecommersie ciekawostką, choć na zachodzie zyskującą coraz większą popularność. O co chodzi? O przycisk „Dodaj do koszyka” w formie tzw. „sticky buttona”, czyli przycisku przyklejonego do krawędzi okna przeglądarki, stale pozostającego w zasięgu wzroku użytkownika. Rozwiązanie to sprawia, że opcja dodania produktu do koszyka podąża za kupującym pozwalając mu szybko dokonać zakupu bez konieczności powrotu na górę strony, gdzie przycisk ten znajduje się „defaultowo”.

Przykład: Wśród polskich sklepów trudno na razie znaleźć takie rozwiązanie. Znacznie szybciej można je zaobserwować w zagranicznych, np. firmowym sklepie iRobot. Wchodząc na dowolny produkt i przesuwając ekran w dół dojdziemy do momentu, gdy na górze okna pojawi nam się specjalna listwa z możliwością dodania do koszyka wybranej ilości produktów, wraz z przyciskiem do płatności.

Wygoda klienta wpływa na konwersję

Kupowanie w sieci jest łatwe. Wiedzą o tym wszyscy, więc z roku na rok ten rodzaj transakcji zyskuje na popularności. Jednakże nie oznacza to, że jako sprzedawcy internetowi możemy osiąść na laurach. Naszym celem powinno być stałe ulepszanie sklepów w taki sposób, aby klienci czuli się w nich wygodnie. Powyższe sześć trendów w designie z pewnością w tym pomoże.