Przejdź do treści
← Wszystkie realizacje

Znak MobiTourMobiTour
Travel tech · WooCommerce · produkt fizyczny

Mały brelok. Duża kontrola.

Pierwsze wdrożenie serwisu i sklepu dla MobiTour – technologicznego produktu wspierającego przewodników i grupy wycieczkowe. Projekt łączył prezentację funkcji urządzenia z konfiguracją wariantów produktu, akcesoriami i logiczną ścieżką zakupu.

MobiTour - urządzenie dla grup turystycznych
MobiTour - aplikacja mobilna przewodnika
MobiTour - brelok dla uczestnika wycieczki
ProduktBrelok + aplikacja dla przewodnika
Zakres TestinWordPress, Phlox, WooCommerce
Konfiguracja28 wariantów produktu
BranżaTravel tech / turystyka grupowa
01 / Wyzwanie

Wyjaśnić nowy produkt i jednocześnie przygotować go do sprzedaży online.

MobiTour nie był klasycznym produktem konsumenckim. To połączenie fizycznego breloka dla uczestnika wycieczki z aplikacją dla pilota lub przewodnika. Serwis musiał więc najpierw bardzo jasno wytłumaczyć, jak działa rozwiązanie i po co jest potrzebne, a dopiero potem prowadzić do zakupu.

Drugim wyzwaniem była sama sprzedaż. Jeden produkt występował w wielu konfiguracjach kolorystycznych i funkcjonalnych, a do tego dochodziły akcesoria, reguły wysyłki i zamówienia kierowane głównie do biur podróży.

travel techprodukt fizycznyaplikacja mobilnabiura podróżygrupy zorganizowaneWooCommerce
02 / Architektura

Najpierw „jak to działa”, potem „który wariant wybierasz”.

Mapa strony została zaplanowana wokół zrozumienia produktu: strona główna, Produkt, Jak działa, Funkcje, Warianty, Zastosowania, Sklep, FAQ, Wsparcie i Kontakt. Dzięki temu użytkownik nie trafiał od razu do surowej karty produktu bez kontekstu.

01 / PRODUKT

Wyjaśnienie wartości

Serwis tłumaczył, w jaki sposób MobiTour pomaga przewodnikowi kontrolować grupę i usprawnia komunikację z uczestnikami.

02 / FUNKCJE

Produkt przez scenariusze

Zamiast samej specyfikacji technicznej ważne było pokazanie użycia: obecność, wezwania, głosowania, timer i organizacja grupy.

03 / WARIANTY

Konfiguracja urządzenia

Produkt został zbudowany jako wariantowy – liczba przycisków i kolor obudowy tworzyły konkretne kombinacje dostępne w sklepie.

04 / AKCESORIA

Produkty dodatkowe

Smycz, torba i woreczek zostały dodane jako osobne produkty wspierające podstawowy zestaw MobiTour.

05 / WSPARCIE

Dokumentacja po zakupie

Regulamin, karta gwarancyjna, prywatność i sekcja wsparcia tworzyły potrzebne zaplecze informacyjne.

06 / KONWERSJA

Od wiedzy do zamówienia

Ścieżka prowadziła od prezentacji rozwiązania do sklepu, a następnie do wyboru konkretnego wariantu produktu.

03 / Widoki serwisu

Strona MobiTour pokazana przez prawdziwe ekrany.

Zrzut aktualnej strony głównej MobiTour
Strona głównaPełny zrzut ↗
Zrzut podstrony MobiTour dla uczestników
Dla uczestnikówPełny zrzut ↗
04 / WooCommerce

WooCommerce jako konfigurator, nie tylko koszyk.

W ramach pierwszego wdrożenia główny produkt został przygotowany jako produkt zmienny. W Asanie zapisano 7 kolorów i 4 konfiguracje liczby przycisków, czyli łącznie 28 kombinacji. To wymagało nie tylko stworzenia wariantów, ale również uporządkowania magazynu i logiki zakupu.

Atrybut 017 kolorów obudowy
Atrybut 021 / 2 / 4 / 6 przycisków
WysyłkaDHL + darmowa dostawa od 10 szt.
PłatnośćPrzelew pro-forma
AkcesoriaSmycz, torba, woreczek
PlatformaWooCommerce

Logika sklepu była dostosowana do sprzedaży B2B i większych zamówień grupowych. Reguła darmowej dostawy po przekroczeniu określonej liczby breloków wspierała naturalny model zakupowy biur podróży.

Całość została osadzona w WordPressie i motywie Phlox z child theme, aby warstwa wizualna i własne poprawki mogły być rozwijane bez ingerencji w bazowy motyw.

05 / UX

Produkt z kategorii „trzeba zobaczyć, żeby zrozumieć”.

Przy nowym rozwiązaniu technologicznym użytkownik nie może zostać zmuszony do samodzielnego rozszyfrowania produktu. Dlatego struktura serwisu opierała się na stopniowym budowaniu zrozumienia – od problemu organizatora wycieczki do konkretnego wariantu urządzenia.

1. ProblemSpóźnienia, liczenie grupy, komunikacja i poczucie bezpieczeństwa.
2. RozwiązanieBrelok uczestnika oraz aplikacja mobilna po stronie przewodnika.
3. FunkcjeObecność, wezwania, głosowania, timer i komunikacja z grupą.
4. ZakupWybór wariantu urządzenia, akcesoriów i przejście przez proces zamówienia.

Dobry sklep technologiczny najpierw redukuje pytania o produkt. Dopiero potem prosi użytkownika o wybór wariantu.

06 / Zakres historyczny

Case study dotyczy pierwszego wdrożenia MobiTour wykonanego przez Testin.

Testin realizował w 2025 roku fundament serwisu, architekturę treści, wdrożenie motywu Phlox, konfigurację WooCommerce, warianty produktu, akcesoria, reguły wysyłki oraz strony dokumentów prawnych.

Obecna publiczna wersja mobi-tour.com została później przebudowana i rozwijana poza zakresem tego wdrożenia. W tym case study pokazujemy więc zakres rzeczywiście wykonany przez Testin, a obecne materiały wizualne służą wyłącznie jako kontekst marki.

Transparentność w portfolio jest dla nas ważniejsza niż przypisywanie sobie późniejszych zmian projektu. Dlatego wyraźnie rozdzielamy pierwotne wdrożenie Testin od aktualnej wersji publicznego serwisu.
Masz produkt z wariantami?

WooCommerce może być czymś więcej niż prostym sklepem.

Projektujemy serwisy produktowe, które łączą edukację użytkownika, konfigurację wariantów, sprzedaż i dalszą obsługę klienta w jednej strukturze.

Zakres realizacji: Testin, 2025MobiTour · WordPress · WooCommerce · travel tech