Jak razem z Mr. Shuttle stworzyliśmy jeden z najlepszych serwisów dla podróżników na świecie

Zdjęcie osoby wyświetlającej stronę

Śledź nas w mediach społecznościowych:

Mr.Shuttle logo

Współpraca z Mr. Shuttle polegała na stworzeniu zupełnie nowego serwisu www, który umożliwi przyjazną rezerwację wycieczek i transferów przez osoby, które kochają podróże na własną rękę.

Sprawdź online
Web development - wizualizacja witryny z wyszukiwaniem na stronie

Główne założenia i projekt w liczbach

  • Przemyślany pod kątem komfortu użytkownika design strony złożony z ponad 100 projektów widoków desktopowych i mobilnych. Dokładna analiza UX/UI i szczegółowo przygotowywany projekt graficzny pozwolił na stworzenie serwisu, który jest wygodny i przyjazny dla użytkowników.
  • Nowoczesny proces zakupowy, dzięki któremu użytkownik może dodać do koszyka wiele produktów i zapłacić za całość jednym przelewem. Większość tego typu serwisów, daje możliwość kupienia tylko jednej usługi. Nam udało się rozwiązać ten problem!
  • Połączenie platformy WordPress z autorskim systemem do zarządzania ruchem turystycznym, stworzonym przez Mr. Shuttle. Dzięki temu, Mr. Shuttle może w wygodny sposób zarządzać usługami, sprzedażą biletów i dostępnościami na każdy dzień.
  • Podpięta zaawansowana analityka pozwalająca na skuteczne gromadzenie informacji o zachowaniach użytkowników. Dzięki narzędziom jak Hotjar, Google Analytics Enhanced Ecommerce, Klaviyo i Google Search Console, Mr. Shuttle może dowiedzieć się więcej na temat tego, jak klienci korzystają z serwisu, a dzięki temu jeszcze lepiej go rozwijać.
  • Przy współpracy z Agencją marketingową PromoTraffic, wprowadziliśmy pełną optymalizację strony pod kątem SEO, dzięki czemu zwiększony został ruch użytkowników z wyszukiwarki Google.
  • 90/100

    Wynik prędkości strony w teście prędkości Google’a na komputerach

  • 1500

    Liczba usług dostępnych w serwisie

  • 4

    Liczba dostępnych walut w płatnościach (Euro, dolary, funty, złotówki)

  • 102

    Liczba zaprojektowanych widoków desktopowych i mobilnych

  • 14

    Liczba krajów, w których dostępne są usługi Mr. Shuttle

Tworzenie stron internetowych - zdzjęcie przedstawiające widok z okna samolotu

Jak rozpoczęliśmy prace?

Mr. Shuttle to firma ułatwiająca podróżowanie w kilkunastu miastach w Europie. Dzięki ciekawym wycieczkom i wygodnym transferom pomiędzy miastami, każdy może odkrywać świat na własną rękę. Firma działała już na rynku od kilku lat z sukcesem obsługując codziennie setki klientów. Przyszedł czas, aby stworzyć serwis do rezerwacji, który zmieni dalszy bieg firmy.

 

Sami kochamy podróże. Każdy w naszym zespole nie raz przemierzał świat z plecakiem, często korzystając z podobnych serwisów. Większość z nich miała jednak wiele wad. Postanowiliśmy więc stworzyć serwis www, z którego sami będziemy chcieli korzystać.

Co było dla nas ważne?

  • Wygodny i intuicyjny interfejs

    Wygodny i intuicyjny interfejs, dzięki któremu użytkownicy chętnie będą stawać się klientami. Stworzyliśmy serwis, w którym kupowanie wycieczek i transferów to prawdziwa przyjemność.
  • Łatwość administrowania

    W obecnej chwili, w serwisie znajduje się ponad 1500 wycieczek i transferów. Zarządzanie dostępnymi miejscami, terminami i biletami musi więc być proste. Dzięki połączeniu Wordpressa z API systemu PORT, Mr. Shuttle może w pełni zarządzać ruchem turystycznym w swoim systemie, bez konieczności powielania tych samych prac na stronie internetowej.
  • Nacisk na urządzenia mobilne

    Każdy z widoków został zaprojektowany także na telefony. Zdajemy sobie sprawę, że większość użytkowników korzysta właśnie z wersji mobilnej, dlatego od początku była ona dla nas priorytetem.
  • Narzędzia pozwalające dosprzedawać wycieczki i dodatkowe usługi

    Zaprojektowany przez nas proces sprzedażowy, w nienachalny sposób proponuje klientom dodatkowe usługi. Są to zarówno sugerowane wycieczki czy transfery, ale także np. domówienie dodatkowego lunchu lub specjalnego bagażu w trakcie przejazdu. Użytkownik może też w wygodny sposób przejrzeć ostatnio przeglądane usługi i wrócić do tych, które go zainteresują.
  • Analityka danych

    Dzięki narzędziom jak Hotjar, Google Analytics Enhanced Ecommerce, Klaviyo i Google Search Console, Mr. Shuttle może dowiedzieć się więcej na temat tego, jak klienci korzystają z serwisu, a dzięki temu jeszcze lepiej go rozwijać.
    Klaviyo, hotjar, Google Analytics, Google Search Console logo
  • Nowoczesny proces sprzedażowy

    Większość tego typu serwisów (podobnie jak serwisy linii lotniczych) umożliwia zakup jednej usługi w danym momencie. Zderzyliśmy się z tym problemem i wymyśliliśmy zupełnie nowe podejście do zakupów. Dzięki temu, nasi użytkownicy mogą dodać do koszyka wiele produktów i zapłacić za nie jednym, szybkim przelewem.
  • Różne warianty płatności

    Użytkownicy mogą płacić w czterech walutach (Euro, dolary, funty, złotówki) za pomocą kart MasterCard / VISA oraz za pomocą PayPala.
    payment cards logo
  • Optymalizacja SEO

    Przy współpracy z agencją marketingową PromoTraffic, zadbaliśmy o optymalizacje strony oraz wdrożenie strategii, która zwiększyła ruch na stronie z wyszukiwarek.
Web design - wizualizacja przycisków dla podstron
  • Zdjęcie laptopa ze stroną główną
  • Zdjęcie laptopa z mobilną stroną główną
  • Wizualizacja strony internetowej na ekranie telefonu
  • Wizualizacja strony z ofertą
  • Wizualizacja przedstawiająca układ witryny
  • Wizualizacja strony WWW przedstawiająca blok z listą
  • Zdjęcie osoby wyświetlającej stronę
  • Zdjęcie laptopa pokazujące wyszukiwarkę strony
  • Zdjęcie osoby tworzącej konto na stronie

Jak przebiegały prace?

Web development - programiści omawiający strukturę kodu strony internetowej

Realizacja projektu Mr. Shuttle była jak dotąd jednym z najciekawszych wyzwań w naszej firmie. Od początku pracowaliśmy z nastawieniem, że tworzymy coś wyjątkowego.

Najważniejszymi kwestiami, na które postawiliśmy nacisk to:

 

  • Prosty i intuicyjny interfejs strony na urządzeniach mobilnych. Użytkownicy często robią rezerwację w drodze, na telefonach komórkowych. Postawiliśmy nacisk na wygodę użytkowania. Nikt nie chcę tracić czasu na kolejne rezerwacje, gdy w tym czasie może zwiedzać!
  • Zaufanie. Tego typu serwis wycieczkowy, od początku musi budzić ufność. Użytkownicy muszą mieć poczucie, że są w bezpiecznych rękach, a kupiona wycieczka lub transfer będzie wysokiej jakości. Projektując stronę, wyeksponowaliśmy social proff. Wiele miejsca poświęciliśmy opiniom zadowolonych klientów czy linkom do profili mediów społecznościowych, które dowodzą solidności marki Mr. Shuttle.
  • Transparentność ofert i atrakcyjna oprawa graficzna. Wymarzone podróże i wycieczki kupujemy „oczami”. Ogromne znaczenie miała odpowiednia prezentacja zdjęć. Decyzję zakupową podejmujemy jednak wtedy, gdy otrzymamy odpowiedzi na wszystkie nurtujące nas pytania. Dlatego każda z ofert, oprócz galerii zdjęć posiada sekcję ze szczegółowym opisem, harmonogramem wyjazdu, najczęściej zadawanymi pytaniami i możliwością szybkiego kontaktu z pracownikiem Mr. Shuttle, w razie ewentualnych wątpliwości.

 

Wszystko to sprawiło, że Mr. Shuttle to serwis, który może w pełni rywalizować z największymi konkurentami na świecie.

Zakres prac

  • UX / UI design
  • Web development
  • Integracja API PORT
  • Integracja bramek płatności (Paypal, Mastercard, VISA)
  • Integracja narzędzi do analityki
  • Optymalizacja SEO
  • Innowacyjny proces zakupowy
  • Wsparcie techniczne po uruchomieniu serwisu

Sprawdź projekt przed i po pracach

Aby w pełni dopracować serwis pod kątem wygody użytkowania, przygotowaliśmy ponad 100 widoków desktopowych i mobilnych.

  • Zrzut ekranu strony błędu 404
  • Zrzut ekranu struktury wszystkich miejsc docelowych
  • Zrzut ekranu strony pojedynczego wpisu
  • Screenshot strony bloga
  • Zrzut ekranu strony potwierdzonego zamówienia
  • Zrzut ekranu przedstawiający układ strony internetowej
  • Screenshot pokazujący stronę zamawiającą
  • Zrzut ekranu witryny pokazujący informacje otrzymane z wyszukiwarki
  • Zrzut ekranu strony pokazującej szczegółowe informacje o lokalizacji
  • Zrzut ekranu strony logowania
  • Screenshot strony pokazującej pola do wypełnienia podczas składania zamówienia
  • Zrzut ekranu strony internetowej pokazujący miejsca do odwiedzenia
  • Zrzut ekranu strony internetowej z blokiem opinii użytkowników
  • Zrzut ekranu podstrony z dostępnym transportem