Redesign · Next.js · конверсия · NDA / Проект под NDA

Страница предложения турагентства, которая ведёт прямо к заявке и не теряет позиций в Google

Турагентство (NDA) project screenshot

Контекст

Клиенты агентства — в основном люди в возрасте 45–70 лет, часто путешествующие вдвоём, которые перед бронированием хотят поговорить с консультантом. На старом сайте цена и кнопка заявки были далеко внизу, описания длинные, а видео загружались на старых плеерах. Каждое предложение было отдельной страницей, собранной вручную.

Задача

Сократить путь от перехода с рекламы или из Google до отправленной заявки, ответить на странице на вопросы, с которыми клиенты обычно звонят, и сделать это без смены адресов, на которые агентство годами собирало трафик.

Объём работ

Что я сделал

  1. 01Я перенёс предложение на Next.js как пилот для сотен следующих: одно предложение — это один набор данных, а страница и карта сайта создаются сами.
  2. 02Я спроектировал путь к заявке: цена, кнопка и сравнение отелей сразу на первом экране, панель с ценой сопровождает при прокрутке, а на телефоне кнопки заявки и звонка всегда под большим пальцем.
  3. 03Я сделал калькулятор цены: отель, длительность пребывания и состав (взрослые и дети), с доплатой за одноместный номер и курортным сбором, показанными отдельно.
  4. 04Я сохранил старые адреса 1:1, добавил структурированные данные и подготовил два варианта оформления на выбор клиента.

Ключевые решения

Ключевые решения

  1. 01

    Цена и решение на первом экране

    Тот, кто приходит с рекламы или из Google, сразу видит цену за человека, кнопку «Узнать о свободных датах» и сравнение отелей. Ему не нужно листать фотографии, чтобы понять, укладывается ли предложение в бюджет.

  2. 02

    3★ или 4★: ответ в одной таблице

    На самый частый вопрос, какой отель выбрать, есть ответ на странице: цена, дорога до терм, переход в халате, сауны. Кнопка «Выбираю 3★» или «Выбираю 4★» сразу переносит выбор в форму.

  3. 03

    Выбор сам попадает в форму

    Клик по отелю или дате вписывает его в заявку. Клиент ничего не вводит дважды, а агентство получает конкретную заявку вместо общего «пришлите предложение».

  4. 04

    Связь так, как удобно клиенту

    Обратный звонок, предложение по почте или WhatsApp. Обязательно только поле выбранного способа связи, поэтому тому, кто предпочитает писать, не нужно оставлять номер телефона.

  5. 05

    Доверие рядом с предложением, а не на отдельной вкладке

    Отзывы, сертификаты, консультант и бронирование, описанное по шагам (заявка ничего не стоит, оплата только после договора), находятся на той же странице, в момент, когда клиент принимает решение.

  6. 06

    Повод решиться сегодня

    Рядом с ценой выделена скидка −2% за бронирование раньше чем за 35 дней до поездки: единственная скидка, на которую можно отреагировать сразу.

  7. 07

    Быстрее и без потери Google

    Старые адреса остались без изменений, поездка, цена и отзывы описаны структурированными данными, а видео и карта загружаются только по запросу. Карта работает без баннера о cookie.

Результаты

Результаты

  1. 01

    Страница предложения, на которой цена, сравнение отелей и заявка под рукой на каждом этапе прокрутки, в том числе на телефоне.

  2. 02

    Заявки приходят сразу с выбранным отелем, датой и предпочитаемым способом связи.

  3. 03

    Шаблон, в котором следующие предложения добавляются как данные, с сохранёнными адресами и структурированными данными.

Стек

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

Использованные услуги

Похожий проект? Напишите, что хотите построить, и я отвечу, обычно в течение 2 часов.

Начать проектВсе кейсы