Sklep Mirat.pl wdraża progresywną aplikacją internetową PWA

8 Listopad 2022 – to bardzo ważny moment dla internetowej firmy Mirat. Jako kilkuletni sprzedawca korzystający z platformy Magento, wdrażamy kolejne udogodnienia dla naszych klientów w formie progresywnej aplikacji internetowej, zwanej potocznie PWA (Progressive Web App ). Ten innowacyjny system aplikacji to najprostszy i najszybszy sposób na zbudowanie mobilnej wersji sklepu internetowego, z którego zaczynamy korzystać aby udoskonalić relacje z klientem. Dzięki wdrożeniu tej nowoczesnej aplikacji internetowej dołączymy do grona sklepów sprzedających głównie w oparciu o użyteczny e-commerce, mający na celu dostosowanie sklepu do potrzeb klientów.

Co to jest PWA ?

PWA jak już wcześniej wspomnieliśmy jest pewnego rodzaju aplikacją progresywną. Progressive Web Application to mobilna wersja strony, która działa praktycznie tak samo jak aplikacja mobilna Można uznać ją za coś pośredniego pomiędzy stroną internetową, a typową aplikacją. Ten specyficzny rodzaj aplikacji nie wymaga jednak pobrania ze sklepu z aplikacjami. Strony PWA przypominają natywne aplikacje, ale są szybsze w działaniu, utrzymaniu i zarządzaniu.

Jej celem jest zapewnienie sprawniejszego i wygodniejszego odbioru - przeglądania stron internetowych przez wszystkie urządzenia (telefon, komputer). Aplikacja ma za zadanie zapewnić niezawodność działań, bez względu na jakość połączenia z internetem oraz w sytuacji, gdy sieć jest niestabilna.
W zasadzie PWA jest skierowany do użytkowników mobilnych jako odpowiedź na trend mobile -first, ale jednocześnie wszystkie dostępne ulepszenia jakie zapewnia, pozytywnie wpłyną także na wersję desktopową, czyli komputerową. Stworzenie zupełnie nowej warstwy frontendowej sklepu w technologii PWA, używając szablonu ScandiPWA, pozwoliło znacząco poprawić UX oraz zoptymalizować i przyspieszyć działanie sklepu. Oczywiście z korzyścią dla obu stron korzystających ze strony.

Korzyści dla właścicieli sklepu i deweloperów

Wdrożenie PWA jest niezwykle istotnym krokiem dalszego rozwoju sklepu w celu dostosowania do rosnących wymagań rynku e-commerce oraz optymalizacji pod urządzenia mobilne w związku z rosnącą popularnością trendu mobile-first. Współpraca z firmą Advox pomogła wdrożyć nowe rozwiązania służące poprawie USER Experience dla klientów oraz administratorów strony, zredukować niepotrzebne funkcjonalności a część stworzyć od nowa, uwzględniając oczywiście standardy Magento oraz kładąc nacisk na ich jakość.

Główne cele jakie zostały określone przed rozpoczęciem współpracy z firmą ADVOX to:

•  zaprojektowanie i wdrożenie PWA

• lepsza, bardziej dostępna widoczność produktów (dwie wersje karty produktów, łączenie produktów po atrybutach, widoczność etykiet umieszczonych na grafikach)

• poprawa wyników SEO oraz zwiększenie ruchu na stronie

• rozbudowa wyszukiwarki i dostowanie ElasticSuite do PWA

• odświeżenie wyglądu strony – poprawa jej designu

Realizacja założonych celów związanych z PWA

W trakcie wdrożenia modułu PWA osiągnęliśmy założone cele, które realizowaliśmy z myślą o przyszłych użytkownikach sklepu oraz lepszej i bardziej sprawnej pracy administratorów. Wszystkie założenia zostały osiągnięte dzięki określonym działaniom.

1. Stworzenie dwóch wersji karty produktu
   Dwie wersje karty produktu pozwalają na lepszą ekspozycję asortymentu. Możemy wyróżnić podstawową i alternatywną wersję prezentacji. Pierwsza z nich prezentuje produkt w podstawowej wersji, natomiast alternatywna ukazuje zdjęcia aranżacyjne (w ramach dostępnych w ofercie).
2. Moduł wiązania produktów prostych (simple)
   Moduł pozwala na wiązanie produktów po dwóch atrybutach i wyświetlanie wszystkich wariantów na karcie produktu. Taki sposób prezentuje klientowi, że w ofercie znajdują się również inne rozwiązania. Oprócz tego każdy produkt jest pozycjonowany osobno w wyszukiwarce, co ma pozytywne znaczenie dla SEO.
3. Nowa opcja metod płatności
   Możliwość płatności ratalnej we współpracy z bankiem Credit Agricole, dzięki której klienci mogą zdecydować się na płatność ratalną. Dodatkowo uruchomione zostało okno z kalkulatorem rat, który pokazuje wysokość raty i ewentualny okres na spłatę.
4. Dostosowanie strony pod potrzeby SEO
   Na każdej podstronie kategorii zostały stworzone dodatkowe miejsca na content w postaci opisów kategorii. Pozwala to na wprowadzenie większej liczby słów kluczowych w treści co przekłada się na lepsze wyniki w Google.
5. Zmiana formatu zdjęć
   Wdrożony został moduł konwertowania umieszczonych zdjęć produktów na stronie i innych grafik do nowoczesnego formatu WebP. Format ten zmienia rozmiar zdjęcia, nie uszkadzając jednocześnie jego rozdzielczości i jakości. Takie posunięcie pozwoliło zwiększyć szybkość strony.

Funkcjonalności PWA dopasowane do potrzeb klienta

Prawdopodobnie najważniejszą cechą z punktu widzenia klienta jest to, że nie musi on pobierać aplikacji. Wersja PWA może być dostępna z domyślnego widoku w przeglądarce internetowej na telefonie. Ponadto PWA jest bardzo ważną innowacją, ponieważ gwarantuje kilka aspektów bardzo istotnych z perspektywy sklepu internetowego oraz jego relacji ze współczesnym klientem.
A mianowicie:
• niezawodność – działa nawet wtedy, gdy sieć internetowa jest niestabilna lub offline,
• szybka praca – możliwość szybkiego przeglądania stron przez użytkownika, płynne animacje,
• dostępność na każdej platformie i urządzeniu – mobile, tablet czy komputer,
• brak potrzeby ściągania aplikacji natywnej ze sklepu z aplikacjami

Jak więc możecie zauważyć, PWA ułatwi klientom lepszy przegląd stron z ogromną ilością asortymentu bez względu na warunki czy ilość zdjęć przez co zakupy online staną się jeszcze bardziej przyjemne.

Mirat w zmieniającym się świecie zakupów internetowych

Prognozy na najbliższe lata wskazują, że maksymalnie do 2025 roku około 73% internautów na całym świecie będzie korzystać z internetu wyłącznie poprzez urządzenia mobilne. W związku z tym sprzedaż mobilna podwoi się. Trend ten to wspomniany wcześniej mobile-first. Do czego więc nas to mobilizuje? Przede wszystkim do tego, aby zapewnić współczesnym jak i przyszłym użytkownikom, jak najlepsze wsparcie i udogodnienia podczas korzystania ze strony. Zmieniający się rynek e-commerce wymaga już od nas ciągłego zwiększania możliwości oraz oferowania coraz to bardziej nowoczesnych technik, ułatwiających odwiedzanie strony. Stąd właśnie pomysł na wdrożenie aplikacji PWA w szeregi naszego sklepu internetowego.
Zapraszamy!