Jak Monterail stworzył cross-platformową aplikację mobilną do obsługi wysyłek dla platformy e-commerce Easyship

Z danych UX wynikało, że kolejnym niezbędnym krokiem jest aplikacja mobilna. Gdy potwierdziliśmy strategię biznesową i mapę drogową produktu, wróciliśmy do współpracy. Sukces firmy przyniósł ekspansję na kolejne kraje i wzrost sprzedaży. Rosnący popyt na usługi kurierskie oraz presja konkurencji stworzyły u klienta potrzebę nowego oprogramowania.

Za projekt UX/UI odpowiadał backendowy zespół Easyship. Potrzebowali zespołu deweloperskiego, który rozumie ich produkt webowy i istniejącą logikę biznesową, a jednocześnie zbuduje od podstaw aplikację mobilną wyróżniającą się na tle konkurencji i opartą na ich API, bez ingerencji w backend.

• Stworzenie od podstaw aplikacji mobilnej płynnie zintegrowanej z platformą webową i obsługującej wiele języków.

• Współpraca z wewnętrznym zespołem backendowym klienta mimo różnych stref czasowych, kalendarzy i dni wolnych.

• Zrozumienie produktu, logiki biznesowej i ścieżek użytkownika w aplikacji webowej oraz odzwierciedlenie ich w nowej aplikacji.

• Wsparcie rozwoju aplikacji mobilnej o funkcje, które istniały już wcześniej w aplikacji webowej.

Wymagało to zrozumienia logiki i ścieżek użytkownika w istniejącym produkcie oraz odzwierciedlenia ich we wszystkich planowanych funkcjach aplikacji, takich jak powiadomienia push, generatory list odbiorów czy logowanie przez Touch ID.

Frontend powstał w React Native i TypeScript, a zespół składał się z dwóch deweloperów, PM-a i QA. Klient miał własny wewnętrzny zespół backendowy i tej części aplikacji nie mogliśmy ruszać. Ze względu na różnicę stref czasowych otwarta komunikacja była kluczowa dla współpracy. Na szczęście ogromne zaangażowanie Associate Product Managera i jego gotowość do odpowiadania na nasze pytania pomagały sprawnie posuwać prace do przodu.

Aplikacja miała obejmować podstawowe funkcje platformy wysyłkowej, być dostępna w wielu wersjach językowych i integrować się z wcześniej stworzoną platformą webową. Uporządkowana mapa drogowa i jasno określone kamienie milowe pozwoliły dopasować proces do harmonogramu pracy klienta oraz utrzymać projekt w założonym budżecie i terminie.

• Dokładnie przeanalizowaliśmy logikę i ścieżki użytkownika w istniejącym produkcie, by odtworzyć je w nowej aplikacji.

• Dużo uwagi poświęciliśmy animacjom i detalom UI, aby utrzymać wysoką jakość i świetny UX aplikacji (przy UX/UI zaprojektowanym przez Easyship).

• Postawiliśmy na jasną i otwartą komunikację, żeby poradzić sobie z różnicą czasu, oraz na szczegółowe raportowanie do interesariusza na poziomie zarządczym.

• Pracowaliśmy z API aplikacji webowej i przygotowaliśmy aplikację na poprawne odbieranie danych.

Zawierała dużą ilość danych, różne filtry sortowania oraz opcje wyszukiwania na listach przesyłek i odbiorów. Aplikacja oferowała funkcje mobilne dopasowane do potrzeb branży, takie jak skaner kodów kreskowych do szybkiego wyszukiwania informacji o przesyłce.

Użytkownik końcowy mógł zarządzać przesyłkami i odbiorami, kontrolować je, wyszukiwać, korzystać ze wsparcia na czacie na żywo, otrzymywać powiadomienia w aplikacji i skanować kody kreskowe. Wszystkie te funkcje miały ułatwić i przyspieszyć zarządzanie przesyłkami oraz odbiorami kurierskimi w firmach e-commerce.

Aplikacja weszła w fazę testów beta na początku 2022 roku, a później została uruchomiona produkcyjnie na wybranych rynkach. Pierwsze wrażenia były pozytywne, a użytkownicy nie zgłaszali błędów wymagających poprawek. Dzięki temu pierwszemu produktowi klient chciał zaoferować nowe funkcje i aplikacje, które odpowiedzą na potrzeby rynku i wymagania użytkowników.

• Zrozumienie logiki biznesowej Easyship i stworzenie aplikacji uzupełniającej główną platformę webową.

• Tworzenie z myślą o głównym celu, czyli aplikacji mobilnej zgodnej z projektami Easyship i wyróżniającej się pod względem UI/UX.

• Dopasowanie się do harmonogramu klienta i wymagań związanych ze współpracą między zespołami.

• Zachowanie spójności aplikacji, tak aby wszystkie ekrany miały tę samą wysoką jakość i responsywność.