Otwórz Zamknij Wyszukaj
naglowek_case-study_zabka_jestemmobi

Case study aplikacji mobilnej Żabki

2

29 stycznia 2015

Autor: Monika

Realizacje dla firmy Żabka Polska to najmocniejsza pozycja w dorobku mobee dicka z roku 2014. Dotąd na jestem.mobi nie pisałam o swoich projektach, celowo wolałam pokazywać realizacje innych. Blog jestem.mobi służy popularyzacji wiedzy i krzewieniu dobrych praktyk przy realizacji projektów mobilnych i dalej pozostając w zgodzie z tym założeniem, warto, abym pokazała, jak wyglądał od środka pierwszy z naszych projektów dla Żabki. Tak w ogóle, był to jeden z najlepszych projektów, w których miałam przyjemność uczestniczyć w całej swojej karierze pracy w agencji. Według naszego egocentrycznego mniemania, proces projektowy był przeprowadzony wzorowo i wierzę, że wiele z naszych doświadczeń może Was zainspirować :)

W tej chwili (ale tylko do jutra) trwa głosowanie internautów w konkursie Mobile Trends Awards. Jeśli spodoba się Tobie to, co zaraz przeczytasz, będziemy wdzięczni za Twoje wsparcie i Twój głos oddany na nasz projekt na tej stronie.

CELE POWSTANIA APLIKACJI

  • Potrzeba odanonimizowania klienta sieci sklepów Żabka – do tej pory firma nie wiedziała, kto u nich kupuje, co kupuje i jak często. Jedyną bazę danych, jaką posiadała to baza ludzi opłacających rachunki w Żabce.
  • Lepsze poznanie profilu kupującego w sklepach Żabka. Za pomocą rozwiązań mobilnych klient powinien chętniej dzielić się nie tylko swoimi danymi osobowymi, ale również preferencjami zakupowymi.
  • Zachęcenie do częstszych odwiedzin w sklepach Żabka.
  • Zdobycie nowego typu insightu konsumenckiego na temat działalności Żabek i ich dalszego rozwoju.
  • Ugruntowanie wizerunku firmy Żabka Polska jako firmy innowacyjnej.

SPOSÓB REALIZACJI PROJEKTU

ETAP 0 – WPROWADZENIE

Warto zacząć od tego, że zanim Klient przyszedł do nas, miał już gotową (!) aplikację mobilną, którą praktycznie mógł już publikować w marketach. Czuł jednak, że jej projekt jest przeciętny, „taki jak inne” i niczym nie wyróżnia się na tle konkurencyjnych aplikacji sklepowych. Na początku prosił więc o audyt tego projektu. Audytu nie zrobiliśmy – po przedstawieniu solidnej argumentacji, udało mi się przekonać Klienta do zburzenia istniejących fundamentów i rozpoczęcia projektu zupełnie od nowa.

I ETAP – KONCEPCJA

Potrzebowaliśmy 1 tygodnia roboczego, aby wypracować nową koncepcję aplikacji. Prace rozpoczęliśmy od dwóch całodniowych sesji warsztatowych:

  • Najpierw w siedzibie Klienta, przeprowadziłam sesję strategiczną, analizującą poprzednie pomysły na funkcjonalność aplikacji, cele biznesowe oraz obecny potencjał rynku i możliwości adaptacji pomysłów do realnych potrzeb i kontekstu funkcjonowania mobilnych użytkowników. W tych warsztatach uczestniczył zespół klienta i ja.
  • Następnie w naszej siedzibie odbyły się warsztaty kreatywne, na które zostały zaproszone 2 osoby z zewnątrz, zrekrutowane z grupy docelowej Żabki. Z naszego teamu uczestniczyły 4 osoby: Kuba (architekt informacji), Bartek (UI/UX designer), Mirek (project manager) i ja (strateg). Na warsztatach:
    – wygenerowaliśmy nowe pomysły na funkcje aplikacji,
    – zdefiniowaliśmy główne ścieżki korzystania z aplikacji,
    – przeanalizowaliśmy hipotezy, które pojawiły się na pierwszej sesji warsztatów,
    – ostatecznie wyselekcjonowaliśmy najważniejsze funkcje aplikacji, wokół których zaczęła się budować koncepcja aplikacji.

W międzyczasie 2 badaczy pracowało w terenie. Spędziliśmy łącznie 6 godzin w 6 różnych sklepach sieci Żabka o różnych porach dnia, na obserwacji zachowań klientów w sklepach. Te nasze kilka godzin obserwacji to tak naprawdę niewiele czasu, ale dobre i to – taki research jest niezwykle potrzebny a wnioski bardzo inspirujące. Dla mnie etap ‚user research’ powinien być obowiązkowym elementem każdego projektu (nie tylko mobilnego). Metody badawcze oczywiście można dobierać różne, ważny jest nadrzędny cel: lepsze poznanie osób, dla których projektujemy i upewnienie się, jakie są ich faktyczne potrzeby i potencjalne konteksty używania nowopowstającej aplikacji mobilnej.

Po warsztatach przygotowaliśmy mind mapę z architekturą informacji nowopowstającej aplikacji.

Następnie zrealizowaliśmy trzecią sesję kreatywną (już tylko w swoim składzie), w wyniku której wypracowaliśmy główny ekran (dashboard) aplikacji na makiecie low fidelity. Z naszego punktu widzenia był to jeden z dwóch najważniejszych ekranów, co do których nie mogliśmy mieć żadnych wątpliwości. Drugi to ekran startowy aplikacji (ten z kuponami).

II ETAP – PROTOTYP

Na przygotowanie prototypu aplikacji mobilnej potrzebowaliśmy 1,5 tygodnia roboczego (pracowaliśmy w tempie naprawdę szybkim).

Na podstawie dashboardu aplikacji zaprojektowane zostały nawigacja w aplikacji oraz główne widoki wszystkich sekcji w aplikacji na makietach high fidelity.

Na podstawie tych makiet powstał projekt graficzny aplikacji mobilnej na system operacyjny iOS.

Taka ciekawostka, gdy porównacie finalną wersję makiety low fidelity z projektem graficznym to zobaczycie, że musiała się tu zadziać magia ;) Ja osobiście uwielbiam ten etap projektu – tu się zaczyna projektowanie interakcji i myślenie, jak odpowiednim wyglądem można pewne rzeczy pokazać jeszcze lepiej i jeszcze prościej.

Ostatecznie projekt został zaprezentowany w postaci interaktywnego, klikalnego prototypu, złożonego w MarvelApp. Prototyp został poddany wewnętrznym testom A/B (w porównaniu z poprzednią wersją aplikacji), po przejściu których trafił do realizacji.

III ETAP – PROJEKT DOCELOWY APLIKACJI

Kompletny projekt graficzny aplikacji mobilnej w 2 wersjach (na system iOS i Android) powstał w 2 tygodnie robocze, włączając weekendy. Cały czas zapieprzaliśmy :) Polecam poświęcać na takie prace więcej czasu, ale nas goniły deadline’y.

Za prace programistyczne odpowiedzialna była firma niezależna od nas, MoveApp, którą wybrał Klient. mobee dick praktycznie w każdym projekcie współpracuje z zewnętrznym teamem programistów (czasem klient ma już developerów, z którymi współpracuje od dłuższego czasu, czasem wybiera ich w ramach osobnego przetargu, a czasem partnera technologicznego do danego projektu rekomendujemy my, mając wiedzę, kto, co i jak najlepiej ogarnia na polskim rynku mobilnym). Współpraca niezależnego teamu od UI i UX z teamem developerów zawsze jest bardzo korzystna na rzecz projektu. Niektórzy obawiają się, że dwie tego typu firmy nie będą potrafiły się dogadać (bo będą tarcia, torpedowanie nawzajem swoich pomysłów, itd.) Jeśli obie zatrudniają profesjonalistów – będą. Bezwzględnie. Jeśli chodzi o naszą współpracę z MoveApp, zgraliśmy się cudownie. Ponownie użyję tego słowa – była to wzorowa współpraca. I skoro jestem już w klimacie słodzenia – trzeba też posłodzić firmie Żabka – dziękujemy za otwartość, zaufanie, świadomość i wiedzę. Perfekcyjna współpraca trzech niezależnych teamów. Można? Można!

MoveApp prowadził równolegle prace nad aplikacją w wersjach iOS i Android. Pierwsza beta aplikacji została oddana do naszych wewnętrznych testów po miesiącu. Testy i optymalizacja aplikacji trwały kolejny miesiąc. Pierwszy termin premiery aplikacji wyznaczony był na początek lipca, jednak był on dwukrotnie przesuwany po to, aby mieć pewność, że aplikacja jest stabilna, maksymalnie bezbłędna, a backend systemów Żabki przygotowany do obsługi operacji, generowanych z poziomu aplikacji. Aby potwierdzić, z jak świadomym klientem mieliśmy przyjemność pracować, zdradzę, że przesuwaliśmy termin premiery publikacji na przykład ze względu na to, że Klient chciał zdążyć z dwiema turami newsletterów edukacyjnych do ajentów, aby przygotować ich na obsługę nowego narzędzia – kuponów generowanych z poziomu aplikacji mobilnej. Tym samym chciał zminimalizować liczbę komentarzy typu „Kasjerka nie ma pojęcia o kuponach – aplikacja nieprzydatna – 1 gwiazdka), których i tak do dziś nie można całkowicie uniknąć.

Ostatecznie aplikacja została opublikowana 31. lipca 2014 na 2 systemy: iOS i Android.

Zaraz potem rozpoczęliśmy pracę nad osobnym projektem dla Windows Phone

OPIS APLIKACJI

Żabka Codzienne Korzyści to darmowa aplikacja mobilna dla klientów sieci sklepów Żabka z funkcjami, które ułatwiają konsumentom zakupy, prezentując aktualne promocje, umożliwiając stworzenie indywidualnej listy zakupów oraz wskazując użytkownikowi drogę do najbliższego sklepu Żabka.

Najważniejszą funkcją aplikacji jest dostęp do indywidualnych kuponów promocyjnych i rabatowych do wykorzystania na zakupach w Żabce. Każdego dnia można wybrać 1 z 3 dostępnych kuponów. Każdy kupon ważny jest 24 godziny. Oprócz kuponów jednodniowych są dostępne również kupony specjalne, dopasowane do preferencji produktowych użytkowników aplikacji, ważne przez dłuższy czas.

Żabka na tle innych aplikacji sieci sklepów wyróżnia się oryginalnie zaprojektowanym interfejsem i dobrym usability, przejawiającym się np. w bardzo szybkim dostępie do najważniejszych jej funkcji (dostęp do kuponów już na ekranie startowym).

Główne funkcje aplikacji:

  • dostęp do indywidualnych kuponów promocyjnych
  • podgląd nagród, dostępnych w aktualnym programie lojalnościowym
  • przegląd aktualnej oferty promocyjnej i wielosztukowej
  • definiowanie ulubionych promocji i otrzymanie powiadomień
  • tworzenie list zakupowych i współdzielenie ich z bliskimi
  • lokalizator najbliższych sklepów Żabka
  • zgłaszanie nowych lokalizacji, w których mogłaby pojawić się Żabka.

WYRÓŻNIKI PROJEKTU

  • Kupony promocyjne dostępne już na pierwszym ekranie od razu po otwarciu aplikacji mobilnej – jako metoda badania preferencji zakupowych klientów sieci sklepów Żabka.
  • Możliwość oceniania istniejących sklepów oraz zgłaszania propozycji lokalizacji dla nowych sklepów – swoiste zaproszenie klientów do oceniania działalności sklepów i wpływania na dalszy rozwój sieci.
  • Animowany breloczek na stronie głównej aplikacji – graficzny wyróżnik aplikacji, o którym użytkownicy mówią: “mała rzecz a cieszy”.

SPOSOBY PROMOCJI APLIKACJI

Zadbałam o to, aby od razu po opublikowaniu aplikacji w marketach ruszyły działania promocyjne. I tak pilotażowa kampania promocyjna została uruchomiona w dniu premiery aplikacji mobilnej i trwała przez cały lipiec i sierpień. Zostały wykorzystane następujące narzędzia:

  • reklamy Mobile App Instal Ads na Facebooku,
  • kampania w Google (mSearch, mGDN, mGSP).
  • Wspierająco, do mediów branżowych zostały wysłane dwie informacje prasowe informujące o starcie aplikacji.

Poza w/w aktywnościami nie było prowadzonych innych działań promocyjnych. Do dziś nie wystartowała jeszcze żadna kampania informacyjna ATL i BTL.

WYNIKI APLIKACJI

W pierwszych dwóch tygodniach po premierze aplikacji, Żabka Codzienne Korzyści utrzymywała się nieprzerwanie w rankingu w App Store na 1. miejscu w w kategorii Food&Drink. W rankingu generalnym utrzymywała się w TOP 10 – najwyżej była na miejscu 3. W tym okresie w Google Play w kategorii Zakupy utrzymywała się w TOP 5.

  • W ciągu pierwszego tygodnia po premierze aplikacja została pobrana prawie 9000 razy, z czego 48% wersja iOS, 52% wersja Android.
  • Liczba aktywnych użytkowników 66% (użytkownik, który przynajmniej raz w tygodniu otworzył aplikację).
  • Po półtora miesiąca obecności na rynku, aplikacja miała 30 000 pobrań, z czego 33% iOS, 67% Android.
  • 30% wszystkich pobrań wygenerowała kampania na Facebooku i w Google.
  • Liczba nowych użytkowników, którzy zarejestrowali się w pierwszym miesiącu istnienia aplikacji to 4670 osoby.
  • Wskaźnik konwersji dla kuponów czyli stosunek kuponów wykorzystanych w sklepie do wybranych w aplikacji wynosi średnio 7%, a dla najatrakcyjniejszych kuponów sięga aż 22% (to nasz jeden z ważniejszych KPI).
  • Średni czas korzystania z aplikacji to 1,1 minuty.
  • Po 5 miesiącach obecności na rynku, aplikacja ma równo 50 tysięcy pobrań, z czego 25% iOS, 75% Android.
  • Największym wyzwaniem projektu jest utrzymywanie wskaźnika powracalności na zadowalającym poziomie. Wskaźnik ten najwyższy był w listopadzie i wynosił 51% dla iOS i 46% Android.

POZYTYWNE OPINIE OD UŻYTKOWNIKÓW

(oczywiście niezależne od naszych firm:)

“Wzór tego typu aplikacji. Długo zastanawiałem się co można dodać do tej apki i stwierdzam, że nic ponieważ nic jej nie brakuje. To nie jest apka do gazetek promocyjnych to kombajn dla fanów żabek zaprojektowany tak aby chciało się ją otwierać codziennie.” (Google Play, 04.08.2014)

“W aplikacji aż czuć „wolną rękę” i zaufanie do projektantów i dev – świetny przykład dla całej branży spożywczej, ale nie tylko. Gratulacje! P.S. W Żabce byłem tylko raz, ale teraz aż mam ochotę robić tam zakupy ” (App Store, 05.08.2014)

Drugi projekt dla drugiej sieci sklepów

Firma Żabka Polska zdecydowała się na stworzenie aplikacji mobilnej nie tylko dla sieci sklepów Żabka, ale również Freshmarket.

Na wyróżnienie zasługuje fakt, że projekty obu aplikacji zdecydowanie różnią się od siebie, zarówno pod względem funkcjonalnym, nawigacyjnym, jak i wizualnym. W aplikacji Freshmarket są dostępne inne funkcje, jak np. baza kilkuset porad do kuchni i przepisów, przygotowanych w myśl idei „świeże spojrzenie na jedzenie” czy też kącik muzyczny Fresh Beat. Najważniejsza funkcja aplikacji i największy motywator dla użytkowników do korzystania z aplikacji pozostał ten sam – jest to dostęp do indywidualnych, jednodniowych kuponów rabatowych do wykorzystania na zakupach w sklepie.

Aplikacja Freshmarket Przywilej Korzyści jest dostępna na 2 systemy operacyjne: iOS i Android.

Więcej na Mobile Trends Conference

W drugim dniu konferencji Mobile Trends w Krakowie, 12. lutego będę miała kilkanaście minut na opowiedzenie na żywo o obu projektach aplikacji. Wpadnij posłuchać, zapraszam. Opowiem to jeszcze ciekawiej i zdradzę więcej szczegółów :-)

A tymczasem…

P.S.

W tym roku mobee dick otrzymał dwie nominacje w Mobile Trends Awards. Jeśli zupełnie przypadkiem doscrollujesz się do kategorii nr 7, to tam znajdziesz mobilne NEO24.pl. Zagłosujesz? :) Będziemy zobowiązani – konkurencję mamy pierwszoligową i każdy głos jest super cenny!

Masz chwilę? Przeczytaj jeszcze:

jestem.mobi

Zamknij

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close