Menu Zamknij
Zdrowa Zupa

Projekt strony głównej dla firmy kateringowej.

hero-zuppa
Zdrowa Zupa

Projekt strony głównej dla firmy kateringowej.

hero-zupa-mobile

Moja rola

  • Zaprojektowanie strony głównej i przygotowanie treści.
  • Research wśród klientów, klientów konkurencji oraz decydentów.

 

Problemy do rozwiązania

  • Zmniejszenie współczynnika odrzucenia (bounce rate).
  • Przedstawienie unikalnych wartości produktu.
  • Graficzne odświeżenie strony głównej.
1. RESEARCH

Pytania badawcze

Przed rozpoczęciem researchu zebrałem wszystkie kwestie, na które brakowało mi odpowiedzi w formie pytań badawczych. Dzięki temu mogłem dobrać metody badawcze, które okażą się najefektywniejsze w dotarciu do odpowiedzi.

  • Kim jest użytkownik?
  • Jaka jest motywacja użytkownika?
  • Jaka jest przewaga konkurencyjna Zdrowej Zupy?
  • Jaka jest unikalna wartość produktu?
  • Na co zwracają uwagę klienci/użytkownicy decydując się na katering dietetyczny?
  • Jakie doświadczenia pojawiły się podczas korzystania z innych kateringów?
  • Jak użytkownicy obecnie korzystają ze strony głównej?
  • Z jakich urządzeń korzystają użytkownicy?

Wywiad z decydentem

Pierwszy wywiad przeprowadziłem z decydentem. W wywiadzie doprecyzowany został cel oraz zakres projektu. Podczas wywiadu wypracowałem z decydentem listę elementów, które są przewagą konkurencyjną Zdrowej Zupy. Zdefiniowaliśmy również do kogo produkt docelowo trafia, oraz czy komunikowanie głównie do tej grupy odbiorców będzie odpowiednie do pracy nad stroną główną.

Kto będzie odbiorcą?

  • Głównie kobiety, około 28 lat, mieszkają w dużych miastach
  • Często brakuje im czasu
  • Pracują głownie w biurze
  • Chcą dbać o zdrowie

Analiza ilościowa

Analiza ilościowa została wykonana za pomocą Google Analytics (podpięty od ponad 5 miesięcy). Ze względu na NDA w opisie nie pojawiają się konkretne wartości. Za pomocą analizy ilościowej szukałem informacji m.in:

  • Ilu jest użytkowników (nowych i powracających)?
  • Jak wygląda konwersja na stronie głównej (konwersja na przejście do produktu/kategorii produktów)?
  • Dokąd przechodzą użytkownicy ze strony głównej?
  • Jaki jest współczynnik odrzucenia?
  • Z jakich urządzeń i rozdzielczości najczęściej korzystają użytkownicy?

Indywidualne wywiady pogłębione (IDI)

Wywiady pół-strukturyzowane odbyły się z 11 respondentami. Rekrutowane były dwie grupy: obecni klienci, korzystający ze Zdrowej Zupy, oraz potencjalni klienci, którzy korzystają z usług innego cateringu. Obie grupy odpowiadały na nieco zmienione pytania, ze względu na różnice miedzy doświadczeniami. 

Starałem się dotrzeć do motywacji użytkowników - jakie problemy chcą wyeliminować korzystając z cateringu? Wśród obecnych klientów Zdrowej Zupy próbowałem dowiedzieć się jakie są pozytywne aspekty korzystania z produktu? Klientów innych kateringów pytałem również o negatywne i pozytywne sytuacje jakie wystąpiły w trakcie korzystania z produktów konkurencji.

Grupa nie korzystająca ze Zdrowej Zupy na końcu badania została poproszona o odpowiedzenie na kilka pytań i wskazanie wątpliwości w trakcie przeglądania aktualnej strony głównej.

Zdarzały się nieświeże posiłki - raz pojawiła się nawet pleśń. Dostawa w środku nocy też nie należała do komfortowych
Maja, klientka konkurencyjnego kateringu

Analiza konkurencji

Na podstawie wywiadu z decydentem uzyskałem informacje jakie marki są głównymi konkurentami Zdrowej Zupy. Odpowiedź nie była jednoznaczna, ponieważ żadna ze wskazanych firm nie oferuje cateringu w formie Zupy.

W trakcie analizy porównane zostały treści jakie prezentują konkurencyjne serwisy, oraz jakim językiem komunikują się ze swoimi grupami docelowymi. Sprawdzone zostało również zaangażowanie klientów wskazanych marek na mediach społecznościowych.

Analiza obecnej strony

Oprócz prostego badania użyteczności obecnej witryny przez klientów innych kateringów, strona główna została poddana analizie heurystycznej w oparciu o 10 zasad Nielsena, aby wychwycić błędy użytecznościowe.

Treść strony została sprawdzona również pod kątem występowania następujących informacji:

  • Czy strona jest odpowiednia? (Czy strona jest odpowiednia dla rozwiązania problemu użytkownika?)
  • Czy strona wzbudza zaufanie użytkownika?
  • Czy w łatwy sposób mogę odnaleźć produkt?
  • Dlaczego powinienem „tutaj” kliknąć?
  • Jak łatwe będzie skorzystanie z produktu?
2. DEFINIOWANIE

Założenia projektowe

W oparciu o zasady wpływu Roberta Cialdiniego oraz wyniki researchu z poprzedniego etapu:

  • Jasny komunikat dotyczący propozycji wartości i przewagi konkurencyjnej produktu.
  • Wyjaśnianie najczęstszych wątpliwości użytkownika.
  • Eksponowanie opinii innych klientów („społeczny dowód słuszności”).
  • Najistotniejsze informację w małej formie (jak najmniej odnośników „czytaj dalej”).
  • Odpowiednio poprowadzona wizualna hierarchia elementów.

Opinie klientów jako "społeczny dowód słuszności".

Customer Messaging Canvas

Wybrane narzędzie posłużyło do sformułowaniu komunikatów dla użytkownika. Narzędzie kategoryzuje wnioski wyciągnięte z researchu. Na tym etapie mniej znaczące wnioski zostały odrzucone, aby nie przeładować informacjami strony głównej.

Fragment Customer Messaging Canvas.

3. PROJEKTOWANIE

Makieta

Makieta prezentująca układ treści została wykonana w Axure RP. Przygotowane zostały dwie wersje: mobilna i desktopowa.

Projektując stronę głowną zwracałem uwagę na:

  • Widoczność ważnych elementów powyżej linii zanurzenia
  • Wyraźny przycisk CTA opatrzony informacją ("Wygodna dostawa do każdego miejsca w Polsce")
  • Sekcja USP - wskazanie unikalnej wartości produktu/usługi
  • Wyeksponowanie opinii
  • Umieszczenie najważniejszych dla użytkownika informacji

Najczęściej zadawane pytania z makiety i finalnej wersji.

Projekt graficzny

W projekcie graficznym pojawiły się drobne zmiany - m.in pojawiła się sekcja z artykułami z Bloga. Przygotowane zostały wszystkie ekrany na 3 urządzenia: mobile, tablet i desktop.

Powyżej linii zanurzenia: Hero banner, przycisk CTA, elementy USP.

4. DEVELOP

Handoff i produkcja

Do kodowania przekazałem projekt strony głównej w wersji mobilnej, na tablety oraz desktopowej. Dodatkowo programistom dostarczone zostały wszystkie potrzebne ikony oraz rozwinięcia i zachowania elementów interaktywnych.

Wyróżnione produkty – najtańszy oraz najczęściej wybierany.

Podsumowanie

Temat cateringu nie był dla mnie tematem znanym przed rozpoczęciem projektu. Ogromną ilość wiedzy wyniosłem z researchu  i rozmów z decydentem.

Jednym z wyzwań była selekcja treści na stronę główną, ponieważ dla każdego typu odbiorcy, każda informacja miała w jakiś sposób znaczenie.

Adam Klimas
Adam Klimas
Kontakt
klimas.adam1@gmail.com
linkedin.com/in/adam-klimas