Tankowanie… niby prosta czynność, nad którą nikt się nie zastanawia. Ale czy mogłoby być jeszcze prościej i wygodniej? Tak! Z nowym modułem aplikacji Mój Carrefour – Tank&Go – zatankujesz swoje auto bez stania w kolejce i bez wyciągania portfela. Wszystko na wyciągnięcie ręki – z Twoim smartfonem.
Wyzwanie
Naszym zadaniem było zaprojektowanie innowacyjnego modułu w aplikacji Mój Carrefour, który umożliwia samodzielne tankowanie samochodu na stacjach paliw Carrefour – bez podchodzenia do kasy. Moduł musiał być czytelny oraz zaprojektowany w taki sposób, by cały proces był dla każdego intuicyjny i zrozumiały.
Co zrobiliśmy
Prace rozpoczęły się od analizy potrzeb biznesowych i możliwości technologicznych. Następnie przeprowadziliśmy warsztaty z Klientem. Na ich podstawie stworzyliśmy user flow oraz makiety funkcjonalne, które pomogły w dopracowaniu procesu i architektury informacji.
Aby odpowiedzieć na potrzeby projektowe, musieliśmy wziąć pod uwagę bardzo konkretne i szczególne okoliczności korzystania z modułu Tank&Go. Użytkownicy będą go używać głównie w podczas tankowania paliwa – stojąc z telefonem w dłoni. Z związku z tym zaprojektowana ścieżka użytkownika składa się bardzo prostych ekranów. Każdy z nich wymaga od użytkownika podjęcia wyłącznie jednej decyzji i zwrócenia uwagi na jedną kwestię.
Użytkownik może w trakcie procesu wybrać kolejno:
- jeden z wielu stworzonych profili (prywatnych lub firmowych),
- tankowane auto (który z dodanych wcześniej samochodów będzie tankowany),
- kwotę tankowania,
- kartę płatniczą z portfela Masterpass.
Aplikacja za pomocą lokalizacji GPS sama sprawdza, na której stacji znajduje się użytkownik, który proszony jest jedynie o doprecyzowanie numeru dystrybutora – może wpisać go samodzielnie lub wygodnie zeskanować kod QR znajdujący się na dystrybutorze.
Przy projektowaniu zwróciliśmy również uwagę na to, by aplikacja jasno wskazywała, kiedy można rozpocząć tankowanie. A informacja ta była na tyle czytelna, by osoba po raz pierwszy korzystająca z Tank&Go nie miała z tym żadnych problemów. Po zakończeniu tankowania użytkownik otrzymuje podsumowanie transakcji.
Podczas prac zadbaliśmy też o to, by wykorzystywanie konta Masterpass (które jest zewnętrznym narzędziem) przebiegało jak najpłynniej – chodzi tu głównie o rejestrację w module Tank&Go oraz płatności w trakcie tankowania.
W następnym etapie, na podstawie makiet funkcjonalnych, stworzyliśmy projekty interfejsu graficznego. Został on zaprojektowany w stylistyce minimalistycznej – przejrzystej i spójnej z resztą aplikacji Mój Carrefour.
Po wdrożeniu zaprojektowanego modułu Tank&Go przeprowadziliśmy testy użyteczności. Ich celem było dopracowanie działania aplikacji, a przede wszystkim ścieżki użytkownika i notyfikacji push. Jeśli chodzi o te ostatnie, po zminimalizowaniu aplikacji lub zablokowaniu ekranu telefonu, informują one użytkownika o etapach procesu tankowania.
Na finalnym etapie projektu, nie zabrakło kolejnych testów – dość nietypowych, bo przeprowadzonych na stacji paliw, przy użyciu prawdziwego dystrybutora. Dzięki temu mogliśmy w realnych warunkach sprawdzić najbardziej prawdopodobne scenariusze zachowań użytkownika korzystającego z modułu Tank&Go i przetestować aplikację komunikującą się w czasie rzeczywistym z danym dystrybutorem.
