Wprowadzenie

Efektywność strony internetowej jest kluczowa dla osiągnięcia celów biznesowych. W tym case study skupię się na analizie UX i UI strony internetowej, która boryka się z problemem niskiej konwersji. Celem jest zidentyfikowanie kluczowych problemów oraz zaproponowanie rozwiązań, które mogą poprawić współczynnik konwersji i ogólne zadowolenie użytkowników.

Metodyka Analityczna

Analiza danych analitycznych: Użycie narzędzi takich jak Hotjar do monitorowania zachowań użytkowników, analizy interakcji z poszczególnymi elementami strony, oraz ścieżek konwersji.

Analizowana strona internetowa należy do branży e-commerce, oferując szeroki asortyment produktów. Pomimo dużego ruchu na stronie, współczynnik konwersji wynosi zaledwie 1,5%, co jest znacznie poniżej średniej dla branży. Klienci często opuszczali stronę przed podjęciem jakichkolwiek działań zakupowych, co sugerowało istnienie barier w procesie zakupowym.

Badania jakościowe: Przeprowadzenie wywiadów z użytkownikami oraz testy użyteczności w celu uzyskania bezpośrednich informacji o ich doświadczeniach na stronie.

Audyt UX: Przeglądu strony pod kątem dobrych praktyk UX, takich jak intuicyjność interfejsu, struktura nawigacji i dostępność informacji.

Kluczowe Problemy

Złożony proces zakupowy: Użytkownicy musieli przejść przez zbyt wiele kroków, aby zakończyć transakcję, co skutkowało frustracją i porzuceniem koszyków.

Brak persony: Materiały reklamowe użyte na stronie sprawiały że większość potencjalnych klientów odczuwała że nie jest to produkt dla nich, cała oprawa była zbyt "stockowa" z nadmiarem "Top model" ;)

Brak zaufania: Użytkownicy wskazywali na zawartą zbyt małą ilość informacji technicznych na temat danego urządzenia, oraz zbyt ogólnych informacjach dotyczących instrukcji obsługi.

Trudność podjęcia decyzji: Strona zawierała zbyt dużą ilość produktów dla danej kategorii.

Proponowane Rozwiązania

Na podstawie zidentyfikowanych problemów zaproponowano następujące rozwiązania:

Uproszczony proces zakupowy: Wprowadzenie opcji jednego kliknięcia, umożliwiającego szybkie dokonanie zakupu, oraz ograniczenie liczby kroków potrzebnych do finalizacji transakcji.

Określenie persony: Wskazanie odpowiedniej persony, prezentującą naszą grupę docelową. Stworzona została na bazie twardych danych, bez podkolorowywania jej by lepiej prezentowała się w materiałach sprzedażowych.

Zwiększenie zaufania: Stworzenie strony opierającej się na przedstawieniu szczegółowych danych technicznych

produktu, kilkukrotne wyeksponowanie CTA darmowego sprawdzenia sprzętu, oraz dodatkowo została zakomunikowana opcja odbycia szkolenia przy odbiorze sprzętu.

Optymalizacja wyboru: Wprowadzenie strony typu one pager- skupiającego na sobie szczegółowe informacje dotyczące tylko jednego produktu, który w danym czasie producent chce bardziej wypromować (kanały google ads, newsletter etc.), oraz zwiększyć jego sprzedaż. Strona działająca na zasadzie dobrze konwertującego szablonu do użycia w przyszłości dla kolejnych produktów.

Wprowadzenie i określenie celu strony

Celem niniejszego case study jest analiza projektu one-pagera reklamującego serial Canal+, mającego na celu przyciągnięcie uwagi użytkowników i przekierowanie ich na stronę główną platformy telewizyjnej w celu zakupu pakietu subskrypcyjnego.

Analiza UX

Badania użytkowników: Wstępne badania przeprowadzono wśród osób potencjalnie interesujących się serialami Canal+. Wykorzystano ankiety i wywiady, aby zrozumieć, jakie elementy stron najbardziej przyciągają ich uwagę.

Głównym celem one-pagera jest:

Architektura informacji: Strona została zaprojektowana w sposób liniowy, z kluczowymi sekcjami, takimi jak:

• Zainteresowanie użytkowników nowym serialem, przedstawiając atrakcyjne treści wizualne i tekstowe.
• Ułatwienie użytkownikom podjęcia decyzji o zapisie na platformę Canal+, poprzez jasne wezwanie do działania (CTA - Call to Action).
• Zbudowanie świadomości marki Canal+ i wzmacnianie relacji z obecnymi oraz potencjalnymi subskrybentami.

• Nagłówek z przyciągającym tytułem serialu.
• Zwiastun (video).
• Wzywanie do działania (CTA) przekierowujące na stronę zakupu pakietu.
  

Intuicyjna nawigacja: Zastosowano prostą, jedno-kierunkową nawigację, minimalizując potrzebę klikania czy przewijania. Użytkownicy powinni mieć łatwy dostęp do najważniejszych informacji.

Responsywność: Projekt uwzględniał różne wielkości ekranów, co zapewnia doskonałe doświadczenie niezależnie od urządzenia (smartfon, tablet, desktop).

• Krótkie streszczenie fabuły
• Informacje o obsadzie.
• Wprowadzenie do danego ocinka, z wykorzystaniem przestrzeni na powtórzenie CTA
  

• Sekcja z ofertą platformy.
  
• Wzywanie do działania (CTA) przekierowujące na stronę zakupu pakietu.

Analiza UI

Estetyka wizualna: Wybór kolorystyki nawiązuje do stylu Canal+, dominują ciemne kolory, z użyciem akcentów magentowych które podkreślają nowoczesny charakter treści. Efekt wizualny ma budować napięcie i emocje związane z premierą serialu.

#151515

#ec3655

#dadada

Typografia: Dobór czcionek jest zgodny z aktualnym wizerunkiem marki, użyto wyraźnych, czytelnych fontów, które przyciągają wzrok i jednocześnie są łatwe do odczytania.

Open Sans Regular

Open Sans Light

Open Sans Bold

a ą b c ć d e ę f g h i j k l ł m n ń o ó p r s ś t u w y z ź ż

A Ą B C Ć D E Ę F G H I J K L Ł M N Ń O Ó P R S Ś T U W Y Z Ź Ż

a ą b c ć d e ę f g h i j k l ł m n ń o ó p r s ś t u w y z ź ż

A Ą B C Ć D E Ę F G H I J K L Ł M N Ń O Ó P R S Ś T U W Y Z Ź Ż

a ą b c ć d e ę f g h i j k l ł m n ń o ó p r s ś t u w y z ź ż

A Ą B C Ć D E Ę F G H I J K L Ł M N Ń O Ó P R S Ś T U W Y Z Ź Ż

Multimedia: Zastosowanie wysokiej jakości zdjęć oraz filmu promującego serial. Interaktywny element, jak np. możliwość odtwarzania zwiastuna na stronie, zwiększa zaangażowanie użytkowników.

CTA (Call to Action): Przyciski „Zobacz teraz” oraz „Kup pakiet HBO” są wyraźnie wyróżnione, z barwami kontrastującymi z tłem, aby przyciągnąć uwagę. Zastosowano także różne techniki zachęcające do kliknięcia, takie jak animacje podkreślające przycisk.

Wyniki i Wnioski

Po wdrożeniu one-pagera, przeprowadzono analizy danych dotyczących odwiedzania strony oraz konwersji. Badania wykazały:

• Wzrost liczby użytkowników skierowanych na stronę zakupu pakietu Canal+ o 30% w porównaniu do wcześniejszych kampanii.
• Wysoki poziom zaangażowania użytkowników, z średnim czasem spędzonym na stronie wynoszącym 2,5 minuty.
• Pozytywne opinie o estetyce i przejrzystości strony, co potwierdzają zbierane opinie użytkowników.

One-pager spełnił swoje założenia, skutecznie angażując użytkowników i zwiększając konwersje na stroni Canal+.

Analiza UX/UI podkreśla znaczenie przemyślanej architektury informacji oraz estetyki w przyciąganiu uwagi i utrzymaniu zaangażowania. Kluczowym wnioskiem jest konieczność regularnego testowania i dostosowywania projektu w odpowiedzi na zmieniające się preferencje użytkowników oraz dynamiczny rynek mediów cyfrowych.