Karta charakterystyki produktu Asus E12001

Świetnie zaprojektowane karty produktów bywają zwodnicze. Na pozór zupełnie proste, wydają się nie sprawiać większych trudności. Zapewniają klientom wszystkie niezbędne informacje oraz konsekwentnie prowadzą ich do przycisku „Dodaj do koszyka”.

Za kulisami jednak wiele się dzieje. Tworzenie stron o wysokiej konwersji wymaga godzin pracy nad projektem i wielu tygodni, a czasem nawet i miesięcy przeprowadzania testów.

Następnym razem, kiedy karta produktu wyda Ci się dobrze zaprojektowana, zatrzymaj się na chwilę. Prawdopodobnie każdy jej detal – od koloru CTA po rozmiar czcionki nagłówka – był wcześniej wielokrotnie testowany i modyfikowany.

Na szczęście, nie musisz poświęcać tak wiele czasu na szukanie klucza do sukcesu. Przeanalizowaliśmy dla Ciebie najlepsze przykłady kart produktów w sieci i na ich podstawie opracowaliśmy praktyczne wskazówki odnośnie ich tworzenia, które omówimy w tym artykule.

Krótka lista tego, co znajdziesz w poniższym artykule:

Anatomia karty produktu e-commerce: co powinna zawierać?
3 gotowe wzory kart produktów e-commerce
1. Tradycyjna karta produktu e-commerce
2. Przewijany karta produktu
3. Wzór karty produktu dla urządzeń mobilnych
Inspiracja: 10 przykładów kart produktu, które dają wysokie konwersje
7 sposobów na zwiększenie konwersji za pomocą nowego wzoru karty produktu:
1. Buduj pilną potrzebę (ang. urgency) i poczucie niedostępności (ang. scarcity)
2. Chwal się dobrymi recenzjami, otrzymanymi referencjami, wzmiankami w prasie czy aprobatą celebrytów
3. Upewnij się, że wysokiej jakości zdjęcia eksponują kluczowe cechy produktu
4. Wyświetl certyfikat bezpieczeństwa oraz możliwe opcje płatności obok CTA
5. Ogranicz niepotrzebny chaos (np. ikony mediów społecznościowych)
6. Zoptymalizuj wersję strony dla urządzeń mobilnych
7. Przyłóż się do stworzenia świetnych opisów produktów
Jak zaprojektować wzór karty produktu, który przyniesie wysoką konwersję?

Przejdźmy zatem do tematu.

Anatomia karty produktu e-commerce: co powinna zawierać?

Omówmy więc pokrótce podstawowe elementy karty produktu, jakie powinny znaleźć się w Twoim szablonie. Do tzw. must-have’ów należą przede wszystkim te informacje, które będą absolutnie niezbędne użytkownikom do podjęcia decyzji o zakupie.

1. Nazwa produktu (nagłówek)

W nagłówku strony umieszczona powinna zostać nazwa produktu, wyraźnie identyfikująca dany przedmiot i odróżniająca go od innych, podobnych produktów. Powiedzmy na przykład, że sprzedajesz zegarki Rolexa. „Zegarek Rolex Daytona 40mm 18kt Yellow Gold Green Dial” powie klientom o wiele więcej, niż ogólnikowe „zegarek Rolex”.

W nazwę produktu wchodzi zwykle jego rodzaj (np. zegarek), nazwa marki (np. Rolex) oraz najważniejsze cechy wyróżniające go spośród podobnych produktów, takie jak kolor, rozmiar czy model (np. „Daytona 40mm 18kt Yellow Gold Green Dial”).

Nazwy produktów są ważne również ze względu na pozycjonowanie w rankingach wyszukiwarek oraz sprowadzanie ruchu na stronę. Jednoznaczna i szczegółowa nazwa produktu przekłada się na wysoki współczynnik klikalności, a do tego pojawia się w wynikach wyszukiwania dla większej liczby wyszukiwanych haseł.

2. Zdjęcia produktu

Zdjęcia powinny znajdować się obok lub bezpośrednio ponad opisem przedmiotu (na urządzeniach mobile). Odwiedzający chętnie weryfikują za ich pomocą informacje o produkcie, zwracając uwagę na jego kluczowe elementy oraz istotne szczegóły.

Warto zadbać o to, aby dostarczać klientom większą liczbę zdjęć danego produktu – tak, aby przedstawić go z różnych kątów i ukazać wszystkie funkcje – oraz zapewnić możliwość przybliżania obrazu, która pozwoli potencjalnym klientom na jeszcze większą interakcję z produktem.

Nie zapomnij jednak, że zdjęcie musi przedstawiać dokładnie ten przedmiot, którego sprzedaż oferujesz – w tym miejscu absolutnie nie należy dodawać zdjęć produktów podobnych ani całej gamy asortymentu. Warto również uwzględnić na fotografii punkt odniesienia, np. osobę lub dłoń, tak aby zobrazować odwiedzającym rozmiar przedmiotu.

3. Opis produktu

Opisy produktów pełnią dwie funkcje: mają informować i przekonywać. Powinny zatem zawierać możliwie wyczerpujący i szczegółowy opis funkcji produktu. Warto także wzbudzać zwiększone zainteresowanie odwiedzających dodatkowymi informacjami, chwaląc się wzmiankami w mediach, zdobytymi nagrodami czy szczegółami procesu produkcji (np. wieloletnią tradycją czy przestrzeganiem zasad etyki).

Z punktu widzenia SEO opisy produktów mają równie spore znaczenie tak jak ich nazwy, dlatego powinny zawierać obszerną liczbę słów kluczowych.

4. Cena

Informacja o cenie jest jedną z najważniejszych informacji dla kupujących, powinna zatem zostać umieszczona w widocznym miejscu – najlepiej bezpośrednio pod nazwą produktu (lub możliwie jak najbliżej). Jeżeli dany produkt jest właśnie w promocji, pamiętaj, aby umieścić przekreśloną pierwotną cenę tuż obok ceny aktualnie obowiązującej.

5. Możliwe warianty produktu (różne wersje kolorystyczne, rozmiary etc. ) oraz dostępność

Klienci zwykle decydują się na określone parametry produktu – takie jak rozmiar i kolor – bezpośrednio przed zakupem. Warto zatem wyświetlać dostępne warianty produktu w pobliżu głównego CTA.

Aby uniknąć nieporozumień, jasno komunikuj, które produkty są dostępne, a których brakuje w magazynie. Wyświetlanie rzeczywistego stanu zapasów w momencie, gdy liczba produktów jest ograniczona, pozwala wykorzystać regułę niedostępności i wzbudzić pilną potrzebę u potencjalnego nabywcy.

6. Warunki dostawy

Podobnie jak cena, czas oczekiwania na dostawę oraz jej koszt to ważne czynniki wpływające na decyzję potencjalnego nabywcy. Niepewność w kwestii kosztu i terminu otrzymania przesyłki przyczynia się do znacznego spadku liczby kupujących oraz, co za tym idzie, współczynników konwersji.

Nie pozostawiaj w tej kwestii niedomówień, informując o warunkach dostawy w pobliżu CTA. Jeśli oferujesz bezpłatną i/lub ekspresową dostawę, koniecznie daj o tym znać!

7. CTA (Call-to-Action, dosł. wezwanie do działania)

CTA reprezentuje najbardziej pożądane przez nas działanie ze strony użytkownika witryny. Pamiętaj zatem, aby umieścić je w widocznym miejscu – w pobliżu zdjęcia produktu, koniecznie powyżej linii przewijania. Badania sugerują, że w roli CTA najlepiej sprawdzają się imperatywy, czyli wyrażenia, które „nakazują” odwiedzającym podjęcie działań – takie jak „Dodaj do koszyka” czy „Kup teraz”. Twoje CTA powinno wyraźnie wyróżniać się spośród pozostałych elementów strony, a na urządzeniach mobilnych zajmować całą jej szerokość, tak aby umożliwić klientom kliknięcie jednym kciukiem.

8. Recenzje i oceny użytkowników

Włączenie do karty produktu recenzji użytkowników znacząco podnosi ich skuteczność. Recenzje powinny wyświetlać się w dwóch miejscach na stronie: średnią ocen warto umieścić bezpośrednio pod nazwą produktu, w dalszej części strony powinno się natomiast zamieścić dedykowaną sekcję recenzji, wyposażoną w funkcje sortowania oraz filtrowania.

Wielu sprzedawców e-commerce boi się negatywnych opinii, chociaż na ogół nie mają powodu do obaw. Obecność negatywnych czy też bardzo przeciętnych recenzji pozwala nadać autentyczności całej sekcji, a umiejętne odpowiadanie na kiepskie oceny jest w stanie złagodzić ich najgorsze skutki.

9. Produkty powiązane

Po dodaniu pierwszego elementu do koszyka klienci często kontynuują przeglądanie asortymentu. Warto naprowadzać ich na karty pokrewnych produktów, które sami mogliby przeoczyć, a które mają szansę wzbudzić ich zainteresowanie.

3 gotowe wzory kart produktów e-commerce

Oto trzy szablony, z których możesz skorzystać, aby efektywnie rozmieścić wszystkie elementy, które powinna zawierać karta produktu. Ich skuteczność sprawdzona została przez wiele sklepów internetowych.

1. Tradycyjny wzór karty produktu

Kliknij tutaj, aby wyświetlić tradycyjny wzór karty produktu e-commerce w pełnym rozmiarze.

Ten wzór spotykany jest najczęściej. Większość głównych elementów strony prezentowana jest w nim powyżej linii zanurzenia, a opis produktu oraz CTA umieszczone zostają obok głównego zdjęcia. Ideą tego szablonu jest podanie odwiedzającym wszystkich najpotrzebniejszych informacji na stosunkowo niewielkiej przestrzeni.

Klienci mogą kupować w Amazon bez konieczności przewijania ekranu. Choć na stronie zawarte zostały wszystkie podstawowe elementy, nie wygląda ona na przepełnioną. Zwróć uwagę, jak efektywnie Amazon korzysta z oznaczenia kolorami (wykorzystując żółty do oznaczenia recenzji, czerwony do ceny, a zielony – widoczności).

Wśród różnych układów kart produktu, ten wzór to bezwzględny „pewniak”, który stanowi świetny punkt wyjścia do własnych modyfikacji.

2. Przewijany wzór karty produktu

Kliknij tutaj, aby wyświetlić przewijany wzór karty produktu w pełnym rozmiarze.

Przewijane karty produktu świetnie sprawdzają się w przypadku produktów kosztownych, których nabywcy potrzebują dostępu do jak największej ilości szczegółowych informacji, aby dokonać wyboru. Pojedyncza kolumna na całej szerokości ekranu jest świetnym narzędziem pozwalającym sukcesywnie przeprowadzać użytkowników przez kolejne punkty, uzyskując dzięki temu dużą kontrolę nad podróżą klienta.

Kartę produktu Ipad’a Mini cechuje elegancja i prostota. Zgrabnie przeprowadza odwiedzających przez główne funkcje produktu, cały czas wyświetlając na ekranie ruchomy przycisk „Kup”.

Jeżeli zdecydujesz się na ten wzór, pamiętaj, aby dołączyć ruchome CTA – to ważne, aby klienci nie musieli go szukać. Po kliknięciu CTA przez użytkowników warto przekierować ich na bardziej „tradycyjną” kartę produktu lub stronę kasy, na której będą mogli zweryfikować cenę oraz warunki dostawy.

Po kliknięciu przycisku „Kup” odwiedzający zostają przekierowani na stronę kasy, która wyglądem przypomina raczej tradycyjną kartę produktu.

3. Wzór karty produktu na urządzenia mobilne

Kliknij tutaj, aby wyświetlić wzór karty produktu na urządzenia mobilne w pełnym rozmiarze.

Mobilne wersje stron często sprawiają trudności sprzedawcom internetowym. Rozmiar ekranów w urządzeniach mobilnych jest mniejszy, zakres uwagi użytkowników ograniczony, a do ich obsługi najczęściej wystarcza jedna dłoń. To wszystko sprawia, że ​​proces projektowania mobilnej wersji witryny wymaga naprawdę sporego wysiłku.

ASOS stosuje uproszczony układ kart produktów w mobilnej wersji witryny, wykorzystując elementy przystosowane do obsługi jednym kciukiem.

Przy tworzeniu mobilnych wersji stron prostota jest prawie zawsze najlepszym rozwiązaniem. thinkwithgoogle. com/marketing-resources/micro-moments/mobile-shoppers-consumer-decision-journey/" rel="nofollow">Sześć na dziesięć osób robiących zakupy online wykorzystuje w tym celu kilka różnych urządzeń, a wstępny research często przeprowadzany jest właśnie za pomocą telefonów komórkowych.

Inspiracja: 10 przykładów kart produktu, które dają wysokie konwersje

Przyjrzyjmy się niektórym przykładom kart produktu o wysokiej konwersji i zastanówmy się, co sprawia, że są tak skuteczne. Amazon

Amazon to absolutny must na każdej liście. Ten potentat branży e-commerce pochwalić może się aż 13-procentowym współczynnikiem konwersji. To ponad sześć razy więcej niż branżowa średnia, wynosząca w przybliżeniu 2%.

Karty produktów Amazona to efekt wieloletnich testów i ciągłych udoskonaleń. Wszystkie te drobne poprawki z czasem przełożyły się na stworzenie globalnej witryny e-commerce o najwyższym współczynniku konwersji w całym internecie.

Oto niektóre z najlepszych elementów kart produktów Amazona:

• Wyróżniające się, kolorowe CTA.
• Szczegółowe opisy produktów z wykorzystaniem punktorów (bullet-point’ów).
• Ograniczona czasowo ekspresowa dostawa.
• Wysokiej jakości zdjęcia.
• Zagregowane recenzje wyświetlane pod nazwą produktu.
• Dyskretne przyciski udostępniania w mediach społecznościowych w prawym górnym rogu ekranu.

Amazon może pochwalić się także naprawdę efektywnym gospodarowaniem przestrzeni – choć na stosunkowo niewielkim obszarze zawartych jest wiele informacji, strona nie wygląda na przepełnioną. ASOS

ASOS jest jednym z największych internetowych sklepów odzieżowych. Największą popularnością cieszy się w Wielkiej Brytanii i Stanach Zjednoczonych, odnotowując łącznie ponad 50 milionów odwiedzin każdego miesiąca.

Do kluczowych obszarów, w których ASOS pozostaje niezrównany, należą między innymi opisy przedmiotów. Jeżeli prowadzisz odzieżowy sklep internetowy, śmiało możesz brać z nich przykład.

Jakie są zatem najważniejsze cechy ich kart produktów?

3. Apple

Karty produktów Apple’a są prawie tak piękne, jak same ich produkty. Przede wszystkim są proste i dobrze zaprojektowane, a zawarte w nich kreatywne opisy i zdjęcia produktów z łatwością wzbudzają zaangażowanie czytelników. Po zapoznaniu się z ich treścią, potencjalny klient zyskuje pełny obraz najważniejszych funkcji i głównych USP (ang. Unique Selling Point) produktu.

Co sprawia, że karty produktu Apple’a działają tak dobrze?

4. Zappos

Zappos należy do czołowych obuwniczych sklepów internetowych. Ich design oraz układ na kartach produktów sprawiają, że odwiedzający mogą z niezwykłą łatwością ocenić produkt i podjąć odpowiednią decyzję.

Nie ma tu miejsca na zbędne informacje. Szereg przydatnych opcji – takich jak umieszczone po prawej stronie sugestie podobnych produktów – ułatwia porównywanie różnych modeli i wariantów.

Oto najważniejsze elementy ich kart produktów:

5. Zalando

Inny potentat modowy – Zalando – stosuje minimalistyczny wzór karty produktu, który przyciąga uwagę użytkowników do najbardziej atrakcyjnych cech produktów i ułatwia im poruszanie się po stronie.

W kartach produktów Zalando najbardziej spodobały nam się:

6. Dollar Shave Club

Dollar Shave Club sprzedaje tradycyjne produkty do golenia. Jego propozycja wartości (ang. value proposition) składa się z połączenia jakości, świetnej obsługi klienta i wygody. Zazwyczaj ich pakiety produktów dostarczane są do drzwi klientów regularnie raz w miesiącu.

Karty produktów w Dollar Shave Club to przykład świetnego wykorzystania układu jednokolumnowego. Pod wieloma względami są one wyjątkowe. Oto, co urzekło nas w nich najbardziej:

7. Fitbit

Fitbit stał się jednym z najpopularniejszych sprzedawców inteligentnych gadżetów fitness. Ich karty produktów są proste, przejrzyste i dobrze dopasowane do grupy odbiorców.

Fitbit rozwiewa wątpliwości klientów podkreślając oferowane im korzyści, takie jak 45-dniowa polityka zwrotów oraz roczna gwarancja, a wyczerpujące opisy podawane są w naprawdę przystępny sposób.

Oto niektóre z najbardziej interesujących elementów kart produktów Fitbit:

8. Booking. com

Booking. com, jedna z najpopularniejszych witryn umożliwiających dokonywanie rezerwacji hoteli, wyróżnia się na wielu polach. Charakterystyczne elementy ich kart produktów często wykorzystywane są jako przykład dla wielu witryn e-commerce.

Booking. com szczególnie dobrze wie, jak wywoływać pilną potrzebę u klienta. Ich karty produktów pełne są elementów mających zachęcić odwiedzających do szybkiego podjęcia decyzji. Wszystko odbywa się jednak w sposób otwarty i uczciwy, bez pozornych manipulacji.

Oto niektóre z najważniejszych elementów na stronach produktów Booking. com:

9. Bransoletki Pura Vida

Pura Vida to sklep internetowy kładący duży nacisk na etykę działania. Pomaga on rzemieślnikom w Kostaryce znaleźć pracę w pełnym wymiarze godzin, udostępniając im platformę do sprzedaży biżuterii i innych akcesoriów.

Karty produktów Pura Vida wyróżniają się z następujących powodów:

10. Fabletics

Fabletics sprzedaje damską odzież sportową. Firma zyskała dużą popularność wśród kobiet i obok działalności w internecie prowadzi także kilka sklepów stacjonarnych, ale dobrze wie, co powinna zawierać świetna karta produktu.

Oto elementy, którymi wyróżniają się karty produktów Fabletics:

7 sposobów na zwiększenie konwersji za pomocą nowego wzoru karty produktu

Przyjrzyjmy się bliżej temu, jak działają wspomniani liderzy.

Dzięki opisanym wyżej wzorom wiesz już, co powinna zawierać karta produktu i w jaki sposób najlepiej je połączyć. Jak jednak zoptymalizować je dla osiągnięcia maksymalnej konwersji?

Oto kilka praktycznych wskazówek, jak najlepiej wykorzystać karty produktów:

1. scarcity)

Pilna potrzeba i poczucie niedostępności to dwie najpotężniejsze emocje, jakimi posługują się sprzedawcy w e-commerce. Jeżeli opanujesz umiejętność wywoływania ich i zastosujesz ją na swoich kartach produktów, bez dwóch zdań zaowocuje to znaczną poprawą ogólnego współczynnika konwersji.

Oto niektóre z najlepszych strategii budowania poczucia niedostępności:

2. Chwal się dobrymi recenzjami, otrzymanymi referencjami, wzmiankami w prasie czy aprobatą celebrytów

Badania pokazują, że pozytywne opinie mają bezpośredni wpływ na wzrost konwersji i, co za tym idzie, sprzedaży. Zazwyczaj sekcja z recenzjami jest jednak umieszczona na stronie poniżej linii przewijania. Warto upewnić się, że wszyscy odwiedzający zobaczą Twoje najlepsze recenzje, prezentując ich przegląd jako część opisu produktu.

Oto kilka wskazówek, jak przyciągnąć maksimum uwagi użytkowników do Twoich pozytywnych recenzji:

3. Upewnij się, że wysokiej jakości zdjęcia eksponują kluczowe cechy produktu

Zdjęcia mogą w równym stopniu przyczynić się do sukcesu, jak i zupełnej porażki karty produktu. Niskiej jakości, rozpikselowane obrazy to najgorsze doświadczenie, jakie możesz zafundować potencjalnemu (a może raczej niedoszłemu klientowi), który chce obejrzeć wybrany produkt.

Oto krótka checklista, pozwalająca sprawdzić, czy fotografie, jakie umieszczasz w karcie produktu, spełniają podstawowe oczekiwania odbiorców:

4. Wyświetl certyfikat bezpieczeństwa oraz możliwe opcje płatności obok CTA

To prosta, ale naprawdę ważna wskazówka. Klienci niechętnie przekazują innym podmiotom swoje dane, w szczególności, jeśli dotyczą one płatności, a już zwłaszcza, jeżeli dana firma nie jest powszechnie znana.

Dołączenie certyfikatu potwierdzającego bezpieczeństwo płatności pomoże załagodzić te obawy, daje bowiem Twojej witrynie poręczenie znanej i zaufanej marki.

5. ikony mediów społecznościowych)

Karty produktów mają jeden cel: sprawić, że klienci nacisną przycisk CTA. Nie rozpraszaj niepotrzebnie ich uwagi. Pozbądź się zbędnych elementów paska nawigacyjnego czy linków do stron zewnętrznych. Do zaobserwowania Twoich profili w mediach społecznościowych możesz zachęcić swoich klientów równie dobrze już po sfinalizowaniu transakcji!

6. Zoptymalizuj wersję strony dla urządzeń mobilnych

Szacuje się, że do 2021 r. statista. com/statistics/249863/us-mobile-retail-commerce-sales-as-percentage-of-e-commerce-sales/" rel="nofollow">ponad 50% sprzedaży e-commerce będzie realizowane za pośrednictwem urządzeń mobilnych.

Nie można zatem bagatelizować potrzeby optymalizacji tego niesamowicie istotnego kanału sprzedaży.

Upewnij się, że optymalizujesz strony produktów mobilnych w następujący sposób:

7. Przyłóż się do stworzenia świetnych opisów produktów

Opisy produktów to kluczowy element karty produktu. Dobrze przygotowany opis nie tylko dostarczy klientom potrzebnych informacji, ale też skradnie ich serca, znacznie podkręcając chęć zakupu.

Skorzystaj z następujących wskazówek, aby poprawić jakość pisanych przez Ciebie tekstów:

Na blogu Conversion omówiliśmy już dokładnie każdy z powyższych podpunktów. Jeżeli chciałbyś znaleźć więcej wskazówek i sugestii o tym, co powinna zawierać karta produktu, sprawdź następujące artykuły:

Jak zaprojektować wzór karty produktu, który przyniesie wysoką konwersję?

Zanim skończymy, musimy pamiętać o ostatniej kwestii.

Wszystkie te wskazówki stosować należy we właściwy sposób. Prezentowany w tym poście cały wachlarz pomysłów, wskazówek oraz podrzucone szablony powinny stanowić dobre paliwo dla przyszłych testów.

Jedynym sposobem, aby dowiedzieć się, co sprawdzi się w Twoim sklepie, jest testowanie. Niestety, nie istnieje uniwersalna strategia optymalizacji e-commerce. Każda taktyka czy proponowane ulepszenie, o którym przeczytać powinno zostać zweryfikowane przeprowadzeniem własnych testów A/B (lub testów wielowymiarowych).

Tak naprawdę najlepsza strategia – stosowana przez najlepiej prosperujące sklepy internetowe na świecie – to ciągły proces poprawiania, testowania i wdrażania. Z biegiem czasu wszystkie te drobne zmiany sumują się, owocując długoterminowym, stałym wzrostem współczynników konwersji.

Paweł optymalizuje konwersję, szkoli, wdraża analitykę i dodatkowo zajmuje się marketingiem w Conversion. Jednak przede wszystkim Paweł jest nieskończoną kopalnią pomysłów, które napędzają naszą firmę. Jest absolwentem Szkoły Głównej Handlowej na kierunku Zarządzanie. Możecie przeczytać całą masę artykułów, które napisał oraz posłuchać go na konferencjach branżowych.

: Tagi: co to jest karta produktu, ecommerce, karta charakterystyki produktu, karta katalogowa produktu, karta produktu, karta produktu przykład, karta produktu wzór, Optymalizacja konwersji, optymalizacja współczynnika konwersji, product page, Sklep internetowy, Współczynnik konwersji