Один шаблон — 12 запусков: как мы масштабировали лендинги Туту

За 3 месяца мы вместе с командой Туту запустили 12 тематических лендингов. Сначала изучили продуктовые и контентные требования клиента, на их основе создали шаблон, а затем масштабировали решение под разные сезоны, аудитории и поводы для путешествий.

Результат в цифрах

1

модульный шаблон для разных тематик и рекламных кампаний

12

лендингов за 3 месяца
от первого решения до регулярных запусков

6

продуктов в 1 сценарии
авиа-, ж/д и автобусные билеты, отели, туры, аренда автомобилей

Авторы

Команда Tutu

  • Изображение сотрудника
    Елизавета Виноходова Руководитель группы целевого маркетинга

Команда Wim.Agency

  • Изображение сотрудника
    Елизавета Виноходова Руководитель группы целевого маркетинга
Frame 149286252.png

О клиенте

Туту — популярный российский сервис для организации путешествий. На сайте и в приложении можно купить билеты, забронировать отель или тур, подобрать экскурсии и другие варианты досуга.

Задача: повысить темп запусков

Как было

Каждый лендинг — с нуля

До начала сотрудничества команда Туту уже создавала тематические промолендинги. Но для каждого следующего проекта требовалось заново продумывать пользовательский путь, структуру, контент и интерфейс.

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

Что нужно

Клиенту требовалась система, которая позволила бы:

  • Быстрее выпускать лендинги под новые поводы и направления
  • Сохранять единый пользовательский путь
  • Персонализировать контент под разные аудитории
  • Объединять на странице несколько продуктов Туту
  • Вести пользователя от идеи поездки к бронированию

Решение: универсальная основа для разных сценариев

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

Шаг 1

Сначала определили общий путь пользователя

1

Мы разобрали основные вопросы, которые возникают при планировании путешествия:

Зачем ехать? Куда? Когда? Сколько стоит? Как добраться? Где остановиться? Чем заняться? Как забронировать?
2

На основе этого пути сформировали архитектуру, подходящую для разных тематик. Она сочетала два принципа:

Универсальность

Ключевые этапы и логика страницы сохраняются от проекта к проекту.

Гибкость

Блоки, контент, предложения и направления можно менять под конкретный запуск.

Команде больше не требовалось заново проектировать весь сценарий для каждой кампании.

Шаг 2

Соединили вдохновение и бронирование

Мы изучили существующие страницы Туту, решения конкурентов и популярные сценарии поведения аудитории. Исследование показало: путешествие часто начинается не с поиска билета, а с идеи.

Поэтому лендинг построили как последовательный переход от эмоционального повода к конкретному предложению:

Frame 2136141429.png

Так контент не просто создавал настроение, а постепенно подводил пользователя к продуктам Туту.

Шаг 3

Собрали модульную систему

Мы разделили лендинг на самостоятельные блоки, которые можно подключать, убирать и переставлять под конкретную кампанию.

В структуру страницы обычно входят:

1

Тематический Hero-блок, который выполнен в виде коллажа и определяет атмосферу и концепцию всего лендинга

2

Навигация по форматам поездки или направлениям

3

Заглавные баннеры разделов со сценариями отдыха

4

Блок с подборками отелей

5

Поисковый модуль 
с виджетами для отелей, билетов, туров и аренды авто

6

Карточки с ресторанами и развлечениями

7

Общий блок 
с промокодами на отели, билеты, туры, аренду авто

8

Блок 
с турами

9

Блок с ответами на вопросы

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

Шаг 4

Автоматизировали обновление контента

Чтобы ускорить работу с большим количеством карточек локаций (природные объекты, места развлечений, рестораны и др.), мы интегрировали все данные в таблицу, связанную с шаблоном через JSON.

Теперь команда может централизованно менять тексты и изображения без ручной правки каждого элемента. Это существенно ускоряет подготовку новых лендингов и снижает число ошибок при заполнении карточек.

Шаг 5

Создали единые правила дизайна

Дизайн-система

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

Адаптивность

При этом визуальную подачу можно было адаптировать под конкретную тему: семейные поездки, пляжный или активный отдых, гастрономические маршруты или сезонные направления.

4.png

Иллюстрации

Вместо фотографий людей в пути, в аэропорту или во время сборов дома, мы используем вдохновляющие изображения из самого путешествия. Они помогают пользователю почувствовать себя «внутри» будущей поездки, а продуктовые блоки дают возможность сразу перейти к поиску билетов и отелей.

Хотите повысить эффективность 
маркетинга? Мы подскажем как

Изображение
Шаг 6

Проверили систему на реальных запусках

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

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

Шаг 7

Поддержали лендинги коммуникациями

Для поддержки отдельных кампаний мы также готовили вдохновляющие баннеры, email-рассылки
и пуш-уведомления.

Баннеры

5.png

Имейл-рассылки

6.png

Пуш-уведомления

7.png

В письмах использовали интерактивные сценарии поездки: пользователь мог заранее представить путь от бронирования и заселения до посещения конкретных мест. Коммуникации продолжали историю лендинга и подводили аудиторию к целевому действию — планированию путешествия.

Результат

Туту получили не «ещё одну промостраницу», а завершённую систему для регулярных запусков. 
За 3 месяца на её основе вышло 12 лендингов.

Теперь команде не нужно каждый раз заново проектировать структуру и интерфейс. Она может менять тематику, контент, продукты и визуальную подачу, сохраняя общий пользовательский путь.

Сократился объём повторяющейся работы

Новые кампании стали выходить быстрее

Страницы получили единую логику и визуальные правила

Разные продукты Туту объединились в одном сценарии

Пользователь может пройти путь от идеи путешествия до бронирования на одной странице

Не останавливаемся на достигнутом

12 лендингов за 3 месяца — сильный результат, но не финальная точка.

Визуальная подача Переосмысление

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

Автоматизация Следующая ступень

Параллельно продумываем следующую ступень автоматизации, чтобы сокращать путь от адумки до запуска и реализовывать ещё больше крутых проектов.

Система Развитие

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

От идеи к бронированию От идеи к бронированию

Ищем новые способы соединять вдохновляющий контент с продуктовым сценарием и вести человека от идеи поездки к бронированию.

Понравился подход?

Обсудим ваш проект

Хотите обсудить проект? Оставьте заявку

Оставьте заявку или свяжитесь с нами удобным способом. Мы ответим на все ваши вопросы.

Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности

Другие статьи

🚀 Понравился кейс?

Покажем десятки других: геймификации, программы лояльности, аналитику и запуск CRM под ключ

Смотреть все кейсы
block1.png block1-mob.png