Czy można skutecznie wykorzystać technologię PWA do rozwoju sprzedaży nie tylko online, ale również w punktach stacjonarnych? Odpowiadamy twierdząco, prezentując najnowsze wdrożenie interaktywnego katalogu PWA, który stworzyliśmy dla firmy NAOS, właściciela marki kosmetycznej Bioderma.

W dobie technologii cyfrowych, rosnącej konkurencji i zmiennych preferencji klientów, marki na całym świecie starają się dostarczać unikalne, personalizowane i omnichannelowe doświadczenia. W artykule omówimy wdrożenie interaktywnego katalogu PWA dla marki Bioderma, wyświetlanego na specjalnych ekranach tuż przy ekspozycji produktów marki w sieci drogerii Super-Pharm. Głównym celem wdrożenia było dostarczenie klientom spersonalizowanych rekomendacji produktów w zasięgu ręki.

Technologia PWA w punkcie sprzedaży

Z punktu widzenia technologii, aplikacja jest uproszczoną wersją sklepu internetowego. Umożliwia wygodne przeglądanie produktów, bez opcji zakupu online - choć taka opcja może zostać dodana w przyszłości. Pokazuje to, że wdrożenie technologii PWA w sklepie internetowym może również posłużyć do stworzenia dodatkowej, szybko działającej aplikacji w punktach stacjonarnych czy katalogu online dla segmentu B2B, w oparciu o wspólną architekturę i technologię, bez niepotrzebnego mnożenia kosztów. Do ekonomiczności rozwiązania przyczynia się również fakt, że aplikacja PWA działa w oparciu o przeglądarkę, bez potrzeby budowania drogich w developmencie, utrzymaniu i rozwoju aplikacji na iOS, Android czy inne systemy.

Interaktywny katalog PWA dla marki Bioderma to przykład innowacyjnego wykorzystania technologii PWA, który nie tylko ułatwia klientom wybór odpowiednich produktów, ale również wspiera strategię omnichannel marki. Wdrożenie tej technologii umożliwia edukację klienta o produkcie, usprawnia proces wyboru odpowiedniego kosmetyku i w efekcie przyczynia się do budowania pozytywnego doświadczenia klienta z marką Bioderma  w kolejnym punkcie styku z marką.

Funkcjonalności i projekt UX/UI

Od strony funkcjonalnej aplikacja ma charakter wirtualnego doradcy, który - po rozwiązaniu przez klienta prostego quizu - podpowiada dopasowane do potrzeb produkty. Warto podkreślić, że content aplikacji jest w pełni zarządzalny - administratorzy mogą dodawać produkty, edytować treść quizu czy dodawać treści reklamowe w wygodnym CMS, a zmiany są widoczne w czasie rzeczywistym.

Projekt UX/UI został stworzony z myślą o utrzymaniu spójności z innymi formami komunikacji marki m. in. w zakresie fontów i palety kolorów, a także z uwzględnieniem specyfiki miejsca, w którym aplikacja jest prezentowana - przestrzeni drogerii, pełnej bodźców i potencjalnych rozpraszaczy.

Aplikacja posiada unikalną funkcjonalność, która umożliwia dobór odpowiednich kosmetyków na bazie ankiety składającej się z 3 kroków. Każdy etap quizu to osobny widok, co ma na celu uproszczenie ścieżki i ograniczenie liczby akcji wymaganych od użytkownika.

Ograniczenie rozpraszających elementów wizualnych, czytelne, proste komunikaty i duże klikalne taby opatrzone zdjęciem odpowiadającym treści, mają na celu szybkie, proste i przyjemne dostarczenie wyników użytkownikowi.

Nawigacja została zaprojektowana tak, aby była łatwo dostępna, intuicyjna i “finger-friendly”, z uwzględnieniem różnych grup wiekowych korzystających z aplikacji. Czcionka jest na tyle duża, aby zapewnić czytelność dla wszystkich użytkowników, a kolorystyka i grafika zostały utrzymane w spokojnych, stonowanych tonach, oddających charakter marki Bioderma. Wszystkie elementy klikalne są wzbogacone o dropshadow, który sugeruje ich klikalność. 

Kafelek produktowy zawiera kluczowe informacje o produkcie, zachęcając użytkownika do przejścia na stronę szczegółów produktu. Klient może znaleźć tam zdecydowanie więcej informacji, również tych, które nie mieszczą się na opakowaniu fizycznego produktu. Dodatkową możliwością jest podpowiadanie np. powiązanych produktów, które mogą stworzyć całościową rutynę pielęgnacyjną.

Podsumowanie

Aplikacja, oprócz swoich funkcji doradczych, pomaga budować rozpoznawalność marki Bioderma, kojarząc ją z profesjonalizmem, wiedzą i estetyką. To tylko jeden z przykładów, jak technologia PWA może być skutecznie wykorzystana do zwiększenia zaangażowania klientów i poprawy ich doświadczeń zarówno online, jak i offline.

Podsumowując, dzięki wdrożeniu interaktywnego katalogu PWA, Bioderma zyskała nowe, skuteczne narzędzie do komunikacji z klientami, które łączy zalety e-commerce
z tradycyjnym doświadczeniem zakupów w sklepie stacjonarnym. Jesteśmy dumni, że mogliśmy wesprzeć markę w tym projekcie i jesteśmy przekonani, że technologia PWA ma jeszcze wiele do zaoferowania w sektorze e-commerce.

___

Zdjęcia z Super-Pharm dzięki uprzejmości firmy BeConnected.