Redesign · Next.js · konwersja · NDA / Projekt NDA

Strona oferty biura podróży, która prowadzi prosto do zapytania, bez utraty pozycji w Google

Biuro podróży (NDA) project screenshot

Kontekst

Klienci biura to głównie osoby w wieku 45–70 lat, często podróżujące we dwoje, które przed rezerwacją chcą porozmawiać z doradcą. Na starej stronie cena i przycisk zapytania były daleko w dole, opisy długie, a filmy ładowały się na starych odtwarzaczach. Każda oferta była osobną, ręcznie składaną podstroną.

Wyzwanie

Skrócić drogę od wejścia z reklamy albo z Google do wysłanego zapytania, odpowiedzieć na stronie na pytania, z którymi klienci zwykle dzwonią, i zrobić to bez zmiany adresów, na które biuro zbierało ruch od lat.

Zakres

Co zrobiłem

  1. 01Przeniosłem ofertę na Next.js jako pilot dla setek kolejnych: jedna oferta to jeden zestaw danych, a strona i mapa witryny powstają same.
  2. 02Zaprojektowałem ścieżkę do zapytania: cena, przycisk i porównanie hoteli od razu w pierwszym ekranie, panel z ceną towarzyszy przy przewijaniu, a na telefonie przycisk zapytania i połączenia jest zawsze pod kciukiem.
  3. 03Zbudowałem kalkulator ceny: hotel, długość pobytu i skład (dorośli i dzieci), z dopłatą do pokoju jednoosobowego i opłatą klimatyczną pokazanymi osobno.
  4. 04Zachowałem stare adresy 1:1, dodałem dane strukturalne i przygotowałem dwa warianty wyglądu do wyboru przez klienta.

Kluczowe decyzje

Kluczowe decyzje

  1. 01

    Cena i decyzja w pierwszym ekranie

    Kto przychodzi z reklamy albo z Google, od razu widzi cenę za osobę, przycisk „Zapytaj o termin” i porównanie hoteli. Nie musi przewijać zdjęć, żeby dowiedzieć się, czy oferta mieści się w budżecie.

  2. 02

    3★ czy 4★: odpowiedź w jednej tabeli

    Najczęstsze pytanie, który hotel wybrać, ma odpowiedź na stronie: cena, droga do term, przejście w szlafroku, sauny. Przycisk „Wybieram 3★” albo „Wybieram 4★” od razu przenosi wybór do formularza.

  3. 03

    Wybór sam trafia do formularza

    Kliknięcie hotelu albo terminu wpisuje go w zapytanie. Klient nie wpisuje niczego drugi raz, a biuro dostaje konkretne zapytanie zamiast ogólnego „proszę o ofertę”.

  4. 04

    Kontakt tak, jak klient woli

    Telefon zwrotny, oferta mailem albo WhatsApp. Obowiązkowe jest tylko pole wybranego sposobu kontaktu, więc kto woli pisać, nie musi zostawiać numeru telefonu.

  5. 05

    Zaufanie obok oferty, a nie w osobnej zakładce

    Opinie, certyfikaty, doradca i rezerwacja opisana krok po kroku (zapytanie nic nie kosztuje, wpłata dopiero po umowie) są na tej samej stronie, w chwili, gdy klient podejmuje decyzję.

  6. 06

    Powód, żeby zdecydować dziś

    Przy cenie wyróżniony jest rabat −2% za rezerwację wcześniej niż 35 dni przed wyjazdem: jedyna zniżka, na którą można zareagować od razu.

  7. 07

    Szybciej i bez utraty Google

    Stare adresy zostały bez zmian, wyjazd, cena i opinie są opisane danymi strukturalnymi, a filmy i mapa ładują się dopiero na żądanie. Mapa działa bez banera o ciasteczkach.

Rezultaty

Rezultaty

  1. 01

    Strona oferty, na której cena, porównanie hoteli i zapytanie są pod ręką na każdym etapie przewijania, także na telefonie.

  2. 02

    Zapytania przychodzą od razu z wybranym hotelem, terminem i preferowanym sposobem kontaktu.

  3. 03

    Szablon, w którym kolejne oferty dodaje się jako dane, z zachowanymi adresami i danymi strukturalnymi.

Stack

  • Next.js
  • TypeScript
  • JSON-LD
  • OpenStreetMap

Wykorzystane usługi

Masz podobny projekt? Napisz, co chcesz zbudować, a odpowiem zwykle w ciągu 2 godzin.

Rozpocznij projektWszystkie case studies