Wdrożenie w PWA+TWA+Cordova na przykładzie Dietly

E-point wdrożył mobilny panel klienta dla największego w Polsce marketplace’u z cateringami dietetycznymi – Dietly.

O Dietly

Dietly (https://dietly.pl/) to wyszukiwarka i porównywarka ponad 300 firm oferujących cateringi dietetyczne, która pozwala zamówić dietę pudełkową online w tysiącach miejscowości w całej Polsce. Dzięki dziesiątkom tysięcy opinii klientów, recenzjom ekspertów i podglądowi aktualnego menu, czy aktualnym cennikom, każdy znajdzie catering dietetyczny dopasowany do swoich potrzeb. Dodatkowo, uniwersalny panel klienta Dietly pozwala na zarządzanie swoim zamówieniem – dostawami, czy menu w zakresie, na jaki pozwala na to catering wykorzystujący rozwiązanie panelu Dietly.

Mobilne doświadczenia użytkownika

Dietly, chcąc dopasować swoją ofertę do rosnących oczekiwań klientów mobilnych, postawiło na uruchomienie panelu klienta w formie aplikacji – wcześniej zbudowanej jako PWA (Progressive Web Apps) – dostępnej w technologii TWA oraz Apache Cordova na Google Play Store i Apple App Store.

Czytaj także: NaprawmyTo.pl – case study strony w PWA

– Widząc wysokie zaangażowanie oraz konwersje w panelu klienta cateringów, postanowiliśmy zrobić krok dalej i umożliwić klientom pobranie aplikacji mobilnych, które zawsze będą pod ręką na telefonie. To kolejny krok ułatwiający zarówno konsumentom, jak i producentom cateringów dietetycznych komunikację z wykorzystaniem nowych technologii. Na chwilę obecną klienci cateringów korzystających z panelu Dietly mają możliwość m.in. zarządzania adresami, datami dostaw oraz zbieraniem punktów lojalnościowych, czy wymiany posiłków i ich ocenę – komentuje Przemysław Skokowski, CEO Dietly.

Co daje TWA?

W większości przypadków TWA (Trusted Web Activities) może w zupełności zastąpić aplikację natywną. Główne korzyści wykorzystania tej technologii to:

– szybszy i tańszy proces produkcji, niż w przypadku aplikacji natywnych,

– ułatwiony proces aktualizacji, dzięki któremu użytkownicy zawsze korzystają z aktualnej wersji aplikacji,

– współdzielenie danych – w jednym miejscu są gromadzone zarówno dane z aplikacji, jak i ze strony, dzięki czemu m.in. użytkownicy nie muszą ponownie wprowadzać danych logowania i łatwo mogą znaleźć przeglądane wcześniej treści,

– znacznie mniejszy rozmiar aplikacji niż w przypadku aplikacji natywnych.

Czytaj także: Pierwsze wdrożenie TWA (Trusted Web Activities) w Polsce

Co daje Apache Cordova?

Apache Cordova to framework, który posiada biblioteki i interfejsy dające dostęp do szerokiej maści API urządzeń działających w różnych systemach operacyjnych, w tym iOS od Apple.

Dzięki jego zastosowaniu, niezależnie od systemu wszystkie funkcje aplikacji działają w ten sam lub zbliżony sposób. My używamy go jako rozbudowanej formy kontenera na aplikację PWA, która dla użytkowników końcowych funkcjonuje i angażuje tak samo jak aplikacje natywne.

PWA i wspierające je rozwiązania takie jak TWA i Apache Cordova uwalnia firmę od konieczności niezależnego rozwoju strony i aplikacji na różne systemy, ponieważ zmiany wprowadza się tylko w jednym miejscu.

Realizacja

Wdrożenie zostało podzielone na trzy etapy:

1. Skonfigurowanie kont oraz ustawień firmy i aplikacji w Google Play Store oraz Apple App Store.

2. Opakowanie panelu klienta Dietly z użyciem technologii Apache Cordova oraz TWA.

3. Wdrożenie panelu klienta Dietly do marketplace z aplikacjami mobilnymi Apple App Store oraz Google Play Store.

Efekty

W przeciągu 2 tygodni uruchomiono aplikację panelu klienta w standardzie PWA, która jest dostępna do pobrania w Google Play Store i Apple App Store.

Dzięki niej zarządzanie zamówieniem cateringu dietetycznego stało się dużo prostsze i wygodniejsze, a każda zmiana na tak zwaną ostatnią chwilę, którą do tej pory trzeba było zgłaszać przez stronę internetową, może zostać naniesiona bezpośrednio w aplikacji. Od teraz zmiany adresów czy dni dostaw, są dostępne od ręki w indywidualnym i mobilnym panelu klienta.

Wykorzystane Technologie

PWA, TWA, Apache Cordova

Autor

Michał Szklarski, Head of Innovation, Board Representative e-point