Redesigned checkout marketing consents shown on two smartphones
Redesigned checkout marketing consents shown on two smartphones

Redesign · Ecommerce

Redesign zgód marketingowych w checkoutcie

Celem projektu było zwiększenie liczby zapisów użytkowników na komunikację marketingową, w tym newsletter, SMS oraz kontakt telefoniczny.

nawiguj do:

Research & Analiza

BENCHMARKING

Przeanalizowałam, w jaki sposób inne sklepy e-commerce prezentują zgody marketingowe. Wiele z nich wykorzystywało dark patterns, np. domyślnie zaznaczone checkboxy. Zależało mi na zaprojektowaniu rozwiązania opartego na transparentności i jasnym pokazaniu korzyści dla użytkownika.

Zauważyłam również, że zgody marketingowe często znajdowały się w miejscach, w których użytkownicy skupiali się przede wszystkim na dokończeniu zakupu. W efekcie wiele osób po prostu je pomijało.

Benchmark: competitor checkout with email and SMS newsletter consent checkboxes highlighted above the order button
Benchmark: checkout contact section with an opt-in checkbox for emails with news and offers highlighted
Benchmark: phone number field with an opt-in checkbox for SMS news and offers highlighted

Problemy użytkowników

Użytkownicy nie chcą udostępniać swoich danych osobowych, jeśli nie otrzymują w zamian konkretnej korzyści.

Użytkownicy obawiają się spamu i zbyt dużej liczby komunikatów marketingowych.

Problemy biznesu

Biznes chce zwiększyć liczbę użytkowników, do których może kierować spersonalizowane promocje.

E-mail i SMS są głównymi kanałami komunikacji, a kampanie promocyjne prowadzone są bardzo często.

Udzielenie zgód marketingowych może przełożyć się na wzrost sprzedaży.

Wyzwania projektowe

Jak możemy zachęcić użytkowników do wyrażenia zgód marketingowych bez stosowania dark patterns?

Jak możemy zachęcić użytkowników, którzy wyrazili już jedną zgodę marketingową, do udzielenia kolejnych zgód?

Jak możemy zoptymalizować układ checkoutu bez wydłużania procesu zakupowego i dodawania kolejnego kroku?

Proces

Iteracje & Testowanie

Przygotowałam kilka koncepcji wizualnych, różniących się układem i wykorzystanymi ilustracjami. Po ich przetestowaniu wybrałam wersję, która była najbardziej spójna z komunikacją Care Clubu.

Wspólnie z zespołem zweryfikowaliśmy nowe rozwiązanie w teście A/B. Już po trzech dniach nowa wersja zwiększyła liczbę zgód SMS o 110% i poprawiła wyniki również w pozostałych kanałach komunikacji.

Hover me

Before

Checkout before the redesign – shipping form with marketing consents placed at the bottom, next to the payment step

Click me

Before

Checkout before the redesign – shipping form with marketing consents placed at the bottom, next to the payment step

Click me

Before

Checkout before the redesign – shipping form with marketing consents placed at the bottom, next to the payment step

Głowne zmiany

Nowa sekcja zgód w checkoutcie (Krok 1)

  • Rozdzieliłam każdą zgodę marketingową na osobną sekcję, aby ułatwić użytkownikom zrozumienie dostępnych opcji.

  • Pokazałam konkretną korzyść wynikającą z każdej zgody, np. dostęp do ekskluzywnych ofert SMS, dzięki czemu użytkownicy wiedzieli, co otrzymają w zamian.

  • Dodałam proste ikony, które pozwalają szybko rozpoznać poszczególne kanały komunikacji.

  • Zaprojektowałam kartę przypominającą, wyświetlaną użytkownikom, którzy udzielili tylko części zgód marketingowych.

  • Komunikat zachęcał do sprawdzenia pozostałych zgód przed finalizacją zakupu.

Rezultaty & Wnioski

Wyniki biznesowe

+40% wzrost zaangażowanych klientów

2,5× więcej zgód na komunikację SMS

Lepsza jakość komunikacji

Wnioski

Transparentność i jasna komunikacja działają lepiej niż dark patterns.

Elementy wizualne i wyraźnie wydzielone sekcje treści ułatwiają użytkownikom podejmowanie decyzji.

Przypomnienie na ostatnim etapie checkoutu okazało się skuteczne — wielu użytkowników zdecydowało się udzielić dodatkowych zgód marketingowych.

Create a free website with Framer, the website builder loved by startups, designers and agencies.