Napisz do nas!

InPost Fresh

Podbój nowego segmentu rynku dzięki zaawansowanej aplikacji e-grocery.
image

Szczegóły

  • Zakres Zarządzanie projektami, analiza biznesowa, projektowanie UX i UI, rozwój aplikacji mobilnej, zapewnienie jakości
  • Technologie Flutter, Dart, Firebase
  • Sektor biznesowy eCommerce, eGrocery
  • Zespół iteo 1 Project Manager / Scrum Master
    1 Business Analyst
    1 UX designer
    2 UI designers
    5 Flutter developers
    4 Quality Assurance engineers

Wspieranie lidera logistyki w rozszerzaniu działalności na świat mCommerce.

Oś czasu

  • 2020
    Wrzesień

    pierwsze warsztaty produktowe z Klientem i jego Partnerem Biznesowym, ustalenie zakresu projektu, prace analityczne, ocena możliwości operacyjnych i technologicznych

    Październik

    Uruchomienie rozwoju PoC

  • 2021/22
    Czerwiec

    Uruchomienie wersji produkcyjnej aplikacji

    Lipiec 2021 – maj 2022

    Dalszy rozwój, rozszerzenie PoC o nowe funkcje

  • 2022
    Luty

    Wystartowanie z drugą wersją aplikacji, utworzenie dedykowanego zespołu i zorganizowanie kolejnych warsztatów w celu zebrania wymagań i ustalenia zakresu.

    Marzec

    Uruchomienie drugiej wersji rozwoju aplikacji

    Maj – lipiec

    Dodawanie nowych sklepów partnerskich

    Październik

    Wydanie drugiej wersji aplikacji

    Na bieżąco

    Dalszy rozwój produktów

  • Najważniejsze informacje o projekcie

    Aplikacja InPost Fresh łączy opcję zakupów z różnych źródeł z dostawą przez InPost.

    Użytkownik może dokonywać zakupów w wybranych sklepach partnerskich – Makro i Carrefour – a także u różnych sprzedawców z sektora FMCG. Połączenie lokalnych sklepów i różnych sprzedawców z całego kraju pozwala na kompleksową obsługę klienta. Podczas pracy nad nową wersją aplikacji pojawiły się jednak różne wyzwania.

    Zarówno PoC, jak i obecna wersja projektu zostały stworzone zgodnie z metodologią Agile, co zapewniło elastyczność we wprowadzaniu zmian.

    image
    image

    Potrzeby i cele biznesowe

    Wykorzystując swoje niekwestionowane kompetencje w obszarze dostaw do klienta końcowego, InPost chciał rozszerzyć swoje usługi, stając się kluczowym ogniwem w rewolucji e-grocery. Firma planowała wejść na nowy rynek biznesowy i zbudować innowacyjną platformę mCommerce. Rozwiązanie musiało być spójne zarówno z obecnym wizerunkiem InPost, jak i celami Sklepów Partnerskich.

    Funkcjonalność

    Specyficzne funkcje sklepów partnerskich:

    • Wybór dogodnych dat i przedziałów czasowych dla dostaw ze sklepów partnerskich

    • Elastyczność koszyka / funkcji dostawy

    • Płatność:
      online – kartą, BLIKiem lub przelewem do banku (integracja z Przelewy24), lub
      kartą przy odbiorze

    • Obsługa limitów – klient nie może kupić więcej niż szacowana liczba produktów

    Specyficzne cechy sklepów FMCG:

    • Umożliwienie sprzedaży jednego produktu przez wielu różnych sprzedawców

    • Wybór sprzedawcy od którego użytkownik chce kupić produkt – w przypadku większej liczby ofert od danego dostawcy, możemy zobaczyć je wszystkie z poziomu szczegółów produktu

    • Zakupy u wielu sprzedawców podczas jednej transakcji

    • Dostarczenie towaru przez lidera rynku logistycznego – InPost – kurierami lub do Paczkomatu

    • Płatność online: kartą, BLIKiem lub przelewem do banku (integracja z Przelewy24).

    Wspólne cechy dla sklepów FMCG i partnerskich to:

    • Wybór kategorii produktów, w tym rekomendacje sprzedawców lub promocje

    • Sprawdzanie szczegółów zamówień (w tym bieżących i zakończonych), a także śledzenie ich dostawy

    • Wygodna wyszukiwarka oraz możliwość wyszukiwania i filtrowania produktów

    • Zapisywanie ostatniego koszyka i przywracanie go, gdy użytkownik powróci do aplikacji

    • Zarządzanie danymi faktur, listą adresową i sprzedażą

    • Wyświetlanie kafelków produktów, rabatów i szczegółów produktu

    • Wyszukiwanie z funkcją autouzupełniania

    • Rejestracja przy użyciu numeru telefonu

    image

    Projektowanie UX

    Początkowo InPost Fresh miał być podobny do aplikacji mobilnej InPost Mobile.

    Pod względem projektu UX staraliśmy się naśladować pewne wzorce, które sprawiły, że pierwsza aplikacja była tak łatwa w użyciu. Oczywiście należało wprowadzić pewne poprawki, ponieważ użytkownicy mają już pewne nawyki i oczekiwania dotyczące aplikacji mCommerce.

    Wyzwaniami dla pierwszej wersji były: jak dorównać prostocie InPost Mobile (której również jesteśmy twórcami) i jak płynnie przeprowadzić użytkownika przez proces zakupów u różnych dostawców.

    Kiedy tworzono wymagania dla nowej wersji produktu, w oparciu o wcześniejsze doświadczenia, zrozumieliśmy, że należy wprowadzić większe zmiany. Nie wystarczyłoby rozszerzenie aplikacji o nowe funkcjonalności – w zasadzie musieliśmy zacząć od nowa. Ponownie wykorzystaliśmy niektóre komponenty i wzorce, które sprawdziły się w pierwszej wersji, a także nauczyliśmy się od użytkowników, jak poprawić niektóre z nich.

    Największą nowością wprowadzoną w nowej wersji jest podział na dwa światy – sklepy partnerskie i zakupy w całej Polsce. Ponieważ główne działanie użytkownika nie zmienia się (nadal jest to przeglądanie katalogu produktów i robienie zakupów), istnieje ogromna ilość reguł biznesowych, które je rozróżniają. Celem było stworzenie możliwie ujednoliconego doświadczenia w obu ścieżkach użytkownika, ale jednocześnie sprawienie, aby użytkownik zrozumiał, w którym kontekście aktualnie się znajduje.

    Projektowanie interfejsu użytkownika

    Projektując nową wersję aplikacji InPost Fresh, postanowiliśmy całkowicie zrezygnować z dotychczasowego podejścia wizualnego. Aplikacja znacząco różni się od swojego pierwowzoru, a przynajmniej jego siostry, InPost Mobile.

    Całość została oparta na miękkich kształtach i eliminacji cieni, aby zapewnić jak największe wsparcie i wydajność dla jak najszerszej gamy urządzeń mobilnych.

    Cała aplikacja została podzielona na dwa światy, partnera i handlowca, które są wyraźnie oznaczone odpowiednimi dla siebie kolorami.

    Jeśli chodzi o zdjęcia, postanowiliśmy znacznie ułatwić zarządzanie nimi, zmniejszyliśmy liczbę różnych rozmiarów zdjęć i wyeliminowaliśmy wymóg przesyłania wyszarzonych zdjęć, co znacznie poprawiło wygląd aplikacji.

    System projektowania został zbudowany całkowicie od podstaw w porozumieniu z działem rozwoju, tak aby tworzenie dodatkowych widoków lub wciąganie istniejących elementów było jak najbardziej przyjemne i wydajne dla każdej ze stron. Wdrożyliśmy również aktywne wersjonowanie plików, które pozwala nam zachować historyczne wersje zmian wizualnych i kontrolować to, co się dzieje.

    Dodatkowo, jako wisienka na torcie, skupiliśmy się na małych mikro-interakcjach w aplikacji, takich jak animacja wieńcząca proces zakupów.

    image

    Rozwój

    Projekt został stworzony w najpopularniejszej technologii międzyplatformowej – Flutter. Szybko rozwijający się ekosystem Fluttera dał nam wiele możliwości sprostania wymaganiom projektu.

    Aplikacja została stworzona zgodnie z zasadami Clean Architecture – wspólnego standardu naszego zespołu. Dzięki wybranej architekturze stworzyliśmy skalowalną bazę kodu, która koncentruje się na domenie biznesowej. Oddzielenie UI od logiki aplikacji pozwoliło nam na pisanie czystego i testowalnego kodu.

    Położyliśmy duży nacisk na oddzielenie modułu FMCG od modułu Partnerów Strategicznych przy jednoczesnym zachowaniu reużywalności komponentów UI. Chcieliśmy również, aby nasze podejście było przyszłościowe. Oddzielenie warstwy wizualnej od modeli domeny dało nam swobodę korzystania z komponentów UI w całym kodzie. Użytkownik może eksplorować dużą część aplikacji bez logowania, więc jednym z wyzwań było umożliwienie procesu logowania z wielu miejsc w aplikacji – musieliśmy zadbać o synchronizację danych i buforowanie.

    Zapewnienie jakości

    Przeprowadziliśmy testy manualne aplikacji mobilnej na urządzeniach z systemami iOS i Android.

    Projekt był rozwijany zgodnie z podejściem Agile, a testy funkcjonalne opierały się na wytycznych user stories oraz kryteriach akceptacji. Naszymi wyroczniami testowymi były również przepływy UX, makiety UI i projekt graficzny aplikacji.

    Ponadto zastosowaliśmy testy eksploracyjne, retesty i testy regresyjne na różnych urządzeniach mobilnych i systemach operacyjnych. W celu usprawnienia procesu zgłaszania błędów – w wersji testowej aplikacji – zaimplementowaliśmy komponent umożliwiający dodawanie zgłoszeń błędów do backlogu wraz z print screenem i opisem bezpośrednio z aplikacji.

    Testy akceptacyjne zostały przeprowadzone przez InPost Fresh. Testy bezpieczeństwa przed uruchomieniem produkcyjnym (zarówno pierwszej, jak i drugiej wersji) nie wykryły żadnych krytycznych luk.

    Wyzwania i rozwiązania

    Dostosowanie rozwiązania do wymagań dostawcy

    Ponieważ aplikacja dostarcza również produkty spożywcze, musieliśmy uwzględnić zarówno zamawianie ich na sztuki, jak i sprzedaż na wagę. Oprócz tego projekt wymagał zaprojektowania intuicyjnej prezentacji zależności w zamówieniu – dostępnych rabatów, obsługi kodów specjalnych, potencjalnych braków towaru oraz ceny zależnej od zamawianych produktów. Dostosowaliśmy kategorie produktów, zdefiniowaliśmy kategorie specjalne oraz umożliwiliśmy promowanie towarów dodatkowymi banerami marketingowymi.

    Analiza biznesowa

    Tworząc swoją pierwszą aplikację e-grocery, InPost wszedł w zupełnie nowy segment biznesowy i musieliśmy zwrócić szczególną uwagę na analizę biznesową projektu. Opracowaliśmy jego szczegółową charakterystykę, dokładnie badając rynek i upewniając się, że aplikacja odpowiada na wszystkie potrzeby biznesowe.

    Wspólna współpraca wielokanałowa

    Stworzenie aplikacji InPost Fresh wymagało zaangażowania 6 różnych firm: InPost, jego partnerów biznesowych: Makro Cash and Carry i Carrefour odpowiedzialnych za infrastrukturę Sklepów Partnerskich, OpenApp i firmy VTEX odpowiedzialnych za backend oraz iteo za aplikację mobilną. Mimo to udało nam się pozostać w stałym kontakcie i opracować w pełni funkcjonalny produkt zgodny ze wszystkimi ustalonymi wymaganiami.

    image

    Wynik

    Otwarcie się na nowy rodzaj usług zaowocowało rozwinięciem nowego potencjału rynkowego – wzmocnieniem różnorodnych relacji biznesowych i pozyskaniem nowych klientów.

    Pierwsza wersja aplikacji została uruchomiona tylko dla klientów Makro w Warszawie. Był to jednak dopiero początek. Później InPost dołączył kolejny sklep partnerski – Carrefour. Teraz aplikacja dostępna jest w Krakowie, Katowicach i okolicach oraz w Łodzi. Wraz z premierą drugiej wersji aplikacji, dzięki dodaniu sklepu FMCG, stała się ona dostępna w całej Polsce.

    W momencie uruchomienia drugiej wersji w całym kraju dostępnych było blisko 30 000 produktów, a w Sklepach Partnerskich ponad 25 000.

    Opinia klienta

    iteo to niezawodny partner i silna firma, która dostarcza umiejętne produkty. Nie doświadczyliśmy z ich strony żadnego problemu z terminami lub zakresem projektu.

    Więcej projektów