Dowiedz się, jak mały zespół osiągnął spektakularne wyniki dzięki stworzeniu atrakcyjnej platformy handlowej w ramach aplikacji internetowej.
OpenSooq z siedzibą w Ammanie w Jordanii to platforma z ogłoszeniami na sprzedaż i kupno, która działa głównie na urządzeniach mobilnych. Oferuje szeroki wybór produktów i usług w 19 krajach Bliskiego Wschodu i Afryki Północnej.
Wyzwanie
Ponad 85% ruchu w OpenSooq pochodzi z urządzeń mobilnych, a liczba ta stale rośnie. W tym regionie wiele osób korzysta z tanich urządzeń z ograniczoną pojemnością pamięci, dlatego strona mobilna OpenSooq musi być jak najszybsza i lekka. Jednak długi czas wczytywania starej witryny mobilnej OpenSooq miał wpływ na zadowolenie klientów i doprowadził do wysokich współczynników odrzuceń na rynkach takich jak Kuwejt (49%).
Aby zapewnić klientom spójne wrażenia na wszystkich platformach, firma zrozumiała, że potrzebuje szybszej i bardziej responsywnej witryny. W czerwcu 2017 r. zespół inżynierów OpenSooq wprowadził progresywną aplikację internetową (PWA).
koncentrowanie się na wydajności i niezawodności;
Trzy programiści pracujący w firmie OpenSooq byli w stanie stworzyć pełną wersję aplikacji PWA za pomocą React i webpack w zaledwie 2,5 miesiąca.
Aby zapewnić szybkość witryny i możliwość łatwego indeksowania jej przez wyszukiwarki, zespół zdecydował się na implementację renderowania po stronie serwera. Aplikacja PWA była dostępna dla prawie 28% użytkowników w sieciach 2G lub 3G, dlatego bardzo ważne było, aby użytkownicy mogli z niej korzystać bez względu na ograniczenia sieci. Zespół wdrożył tryb offline, korzystając z skryptów service worker i strategii „najpierw pamięć podręczna, potem sieć”. Użyli też wzoru PRPL, aby zapewnić użytkownikom natychmiastowe wczytywanie.
Dzięki zastosowaniu tych sprawdzonych metod zespół mógł skrócić średni czas wczytywania strony (czas do interakcji) z 4 sekund do mniej niż 2 sekund. Użyli też narzędzia Lighthouse, aby mieć pewność, że witryna pozostanie tak szybka. Dzięki temu OpenSooq osiągnął ponad 1,8 mld odsłon miesięcznie.
Ponad ćwierć naszych użytkowników korzysta z aplikacji PWA OpenSooq w sieciach o niskiej i średniej przepustowości, dlatego niezawodność była kluczowa dla utrzymania zaangażowania tych użytkowników. Dzięki usługom w tle i strategiom buforowania udało nam się stworzyć niezawodne wrażenia użytkownika.
Amin Shoman, menedżer ds. technicznych aplikacji PWA, OpenSooq
Zwiększanie ponownego zaangażowania
Po stworzeniu wydajnego i niezawodnego rozwiązania zespół OpenSooq chciał zadbać o to, aby użytkownicy nie tracili zainteresowania produktem. Aby to osiągnąć, umożliwili użytkownikom instalowanie aplikacji PWA na ekranie głównym i dodali obsługę przydatnych powiadomień. Dzięki temu witryna mogła informować kupujących o interakcjach sprzedawcy z zapytaniami, a sprzedawców o aktywowaniu i wygasaniu reklam.
Dzięki tym ulepszeniom liczba aktywnych użytkowników witryny OpenSooq wzrosła o 14%. W przypadku użytkowników, którzy zainstalowali PWA, odnotowano 48-procentowy wzrost liczby odwiedzin stron na sesję i 28-procentowy wzrost średniego czasu trwania sesji. Na wszystkich rynkach firma OpenSooq odnotowała też wzrost średniego czasu spędzanego przez użytkowników na stronie o 25% i spadek średniego współczynnika odrzuceń o 29%.
Perspektywy
Po zaledwie kilku tygodniach OpenSooq stworzyła pełną funkcjonalną PWA o rozmaju 23 KB, która zapewnia użytkownikom spójne działanie na wszystkich platformach i w wszystkich przeglądarkach. Ponieważ aktualizacja funkcji w internecie jest łatwa, zespół zdecydował się na wdrożenie PWA, aby przetestować nowe funkcje i przebiegi użytkownika w PWA, zanim wprowadzi je na inne platformy.
OpenSooq pracuje obecnie nad dodaniem prośby o instalację na konkretnej platformie i integracją PWA z przyspieszonymi stronami mobilnymi (AMP). Te ulepszenia jeszcze bardziej przyspieszą wczytywanie stron i ułatwią przejście na aplikację na daną platformę. Na podstawie początkowych wysiłków zespołu programistów OpenSooq będzie nadal zapewniać użytkownikom jak najlepsze wrażenia.
Ważność opracowania naszej aplikacji internetowej była oczywista zarówno dla kierownictwa, jak i zespołów technicznych. Po zbudowaniu nowoczesnej aplikacji internetowej i zwiększeniu jej wydajności jesteśmy podekscytowani, że nasza inwestycja z ostatnich 2,5 miesiąca przyniosła oczekiwane efekty biznesowe.
Ramzi Alqrainy, dyrektor ds. technicznych, OpenSooq