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
bg
Andrzej Kozdęba - Brave New Agency - White Label WordPress Development

Hi, I’m Andrzej, the CEO of Brave New. We've delivered more than 300 projects for 120 satisfied customers from all around world. This year we plan to deliver 50 projects for more than 20 clients.

Looking for reliable and confidential partner for your website projects?