wróć do realizacji

// strony www

Go Yellow – strona internetowa z systemem rezerwacji online

20.06.2026 6 min czytania // piotrek

Go Yellow to wypożyczalnia motorówek i organizator rejsów w Augustowie. Marka działa w mocno sezonowej branży, gdzie użytkownik często chce szybko sprawdzić ofertę, porównać dostępne opcje i od razu zarezerwować termin. Naszym zadaniem było przygotowanie nowej strony internetowej, która nie tylko dobrze pokazuje ofertę, ale też realnie pomaga w sprzedaży rejsów i wynajmie łodzi.

Projekt objął stronę internetową, rozbudowaną filtrację ofert, proces rezerwacji online, koszyk, checkout oraz połączenie z wewnętrznym systemem zarządzania rezerwacjami.

SCREEN: strona główna Go Yellow – sekcja hero

Strona, która nie kończy się na ładnym widoku

Od początku było jasne, że to nie ma być tylko prosta wizytówka. Go Yellow ma kilka typów usług: wypożyczenia motorówek, czartery, rejsy wycieczkowe i oferty specjalne. Każda z tych rzeczy ma swoje zasady, czas trwania, ceny, dostępność i wymagania.

Dlatego strona została zaprojektowana tak, żeby użytkownik mógł szybko przejść od „chcę coś zrobić w Augustowie” do konkretnej rezerwacji.

Na stronie głównej pokazaliśmy najważniejsze elementy oferty: wybrane łodzie, rejsy i szybkie przejścia do rezerwacji. Zależało nam na tym, żeby użytkownik nie musiał przeklikiwać całej strony, jeśli już wie, czego szuka.

SCREEN: sekcja z wyróżnionymi łodziami na stronie głównej

Osobna logika dla rejsów i łodzi

Jednym z ważniejszych elementów projektu były dwie oddzielne sekcje ofertowe: rejsy oraz nasze łodzie. Każda z nich działa trochę inaczej, dlatego przygotowaliśmy osobną filtrację dla obu widoków.

Użytkownik może filtrować ofertę m.in. po czasie trwania, cenie, typie jednostki czy wymaganych uprawnieniach. Dzięki temu osoba, która szuka krótkiego rejsu dla kilku osób, nie musi przeglądać całej oferty. Tak samo ktoś, kto chce wynająć motorówkę bez patentu, od razu widzi tylko te opcje, które faktycznie pasują do jego sytuacji.

SCREEN: lista rejsów z filtrami

SCREEN: lista łodzi z filtrami

Każda łódź i każdy rejs mają własną podstronę z opisem, galerią zdjęć, cennikiem, atrybutami i przyciskiem prowadzącym do rezerwacji. Chodziło o to, żeby przed zakupem użytkownik dostał wszystkie informacje, których normalnie szukałby telefonicznie.

Rezerwacja online z dostępnością terminów

Najważniejszą częścią strony jest system rezerwacji online. Na podstronie łodzi lub rejsu użytkownik może wybrać czas, datę i godzinę. Dostępne terminy są synchronizowane z wewnętrznym systemem rezerwacji, który przygotowaliśmy jako osobną realizację.

Dzięki temu strona nie działa w oderwaniu od obsługi firmy. To, co użytkownik widzi na froncie, jest połączone z tym, co dzieje się po stronie zespołu Go Yellow. Mniej ręcznego sprawdzania terminów, mniej podwójnych rezerwacji i mniej wiadomości z pytaniem „czy ta godzina jest jeszcze wolna?”.

SCREEN: wybór daty i godziny rezerwacji

Koszyk i checkout dopasowany do tej branży

Przy takim projekcie standardowy koszyk nie wystarcza. Rezerwacja motorówki albo rejsu ma swoje zasady, dlatego wdrożyliśmy dodatkową logikę w koszyku i checkoucie.

Jeśli dana łódź wymaga patentu, użytkownik widzi odpowiednią informację jeszcze przed finalizacją rezerwacji. W checkoutcie pojawiają się też dodatkowe komunikaty organizacyjne, np. informacje o zasadach potwierdzenia rezerwacji czy szkoleniu przed wypłynięciem.

To są drobne rzeczy, ale w praktyce robią dużą różnicę. Użytkownik wie, czego się spodziewać, a obsługa nie musi tłumaczyć tych samych zasad po każdej rezerwacji.

SCREEN: koszyk z informacją o wymaganym patencie

SCREEN: checkout z informacjami dodatkowymi

Wyszukiwarka ofert dla osób, które jeszcze nie wiedzą, czego szukają

Na stronie pojawiła się też bardziej rozbudowana sekcja rezerwacji dostępna z poziomu headera. Użytkownik może wybrać, czy interesują go rejsy wycieczkowe, wypożyczenie, czarter czy oferty specjalne.

Dalej może doprecyzować liczbę osób, czas trwania wycieczki, moc silnika i inne parametry. Na tej podstawie strona pokazuje oferty, które pasują do wybranych kryteriów.

To ważne szczególnie dla osób, które nie znają jeszcze oferty Go Yellow. Zamiast czytać wszystko po kolei, mogą po prostu odpowiedzieć na kilka prostych pytań i przejść do konkretnej propozycji.

SCREEN: wyszukiwarka / konfigurator oferty w sekcji rezerwacji

Migracja starej strony i zachowanie widoczności

Projekt obejmował też przeniesienie ze starej strony. Przy takiej zmianie łatwo stracić wypracowane pozycje w Google, dlatego zadbaliśmy o przekierowania i podstawowe elementy techniczne związane z SEO.

Struktura została uporządkowana tak, żeby nowa strona mogła przejąć ruch ze starej wersji i jednocześnie lepiej odpowiadać na konkretne zapytania użytkowników: wypożyczalnia motorówek Augustów, rejsy Augustów, łodzie bez patentu Augustów czy rezerwacja motorówki online.

Po wdrożeniu strona zachowała widoczność, a zmiana nie odbiła się negatywnie na pozycjach, które wcześniej były ważne dla biznesu.

Automatyzacje po rezerwacji

Po złożeniu rezerwacji użytkownik otrzymuje wiadomość SMS z najważniejszymi informacjami. To osobna część całego ekosystemu, ale mocno powiązana ze stroną i procesem zakupowym.

W branży turystycznej takie komunikaty są szczególnie ważne. Klient często rezerwuje atrakcję będąc już na miejscu albo planując wyjazd z krótkim wyprzedzeniem. SMS zmniejsza liczbę niejasności i pomaga domknąć cały proces bez dodatkowego kontaktu.

Co finalnie powstało?

W ramach tej realizacji przygotowaliśmy stronę internetową, która łączy prezentację oferty, filtrację, rezerwację online i obsługę najważniejszych scenariuszy zakupowych.

Zakres obejmował:

  • nową stronę internetową dla Go Yellow,
  • migrację ze starej strony i przekierowania,
  • sekcje dla rejsów i łodzi,
  • osobne filtrowanie ofert,
  • podstrony łodzi i rejsów z galeriami, cennikiem i atrybutami,
  • system wyboru daty i godziny,
  • koszyk i checkout dopasowany do zasad rezerwacji,
  • komunikaty dotyczące patentów i informacji organizacyjnych,
  • integrację z wewnętrznym systemem rezerwacji,
  • powiązanie z automatyzacjami SMS.

To była jedna z tych realizacji, w których sama strona jest tylko widoczną częścią większego systemu. Użytkownik widzi prostą ścieżkę: wybieram, rezerwuję, dostaję potwierdzenie. Pod spodem dzieje się jednak dużo więcej — od dostępności terminów, przez warunki rezerwacji, aż po obsługę po stronie zespołu Go Yellow.

teraz aktywny Piotrek frontend / www · odpowiada osobiście

podoba ci się ten projekt?

napisz — wracamy w ciągu 24h.

// tagi

  • automatyzacje SMS
  • checkout
  • filtracja ofert
  • integracje
  • migracja strony
  • rejsy Augustów
  • strona internetowa
  • system rezerwacji online
  • UX/UI
  • wypożyczalnia motorówek