Виджет Инфофлот: как сделать универсальный инструмент для сайтов турагентств

Главное о кейсе

Наш клиент, круизный центр «Инфофлот», занимается продажей путевок на морские и речные круизы по всему миру.

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

Виджет состоит из двух компонентов: первый – конфигуратор для настройки поисковика, авторизации и идентификации пользователя, второй – выводит виджет на сайт турагентства.

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

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

Как проект изменил жизнь пользователей

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

Скрипт бесшовно встраивается в структуру сайта и не конфликтует с его стилями.

В системе уже создано более 1400 виджетов, которые используются на сайтах 670 турагентств.

Бизнес-задача и ее решение

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

Изначальный API для поиска туров не был рассчитан на высокие нагрузки и быстрое обновление. Чтобы избежать задержек при передаче информации с сервера клиента на сайты партнеров, мы добавили дополнительный слой кэширования с помощью varnish, таким образом обеспечив производительность виджета и скорость обновления данных.

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

Крафт (мастерство), реализация, технические детали

Виджет бесшовно встраивается на любой сайт и не конфликтует с другими стилями.

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

Обеспечить это позволила технология iframe, так называемый «документ внутри документа», который накладывает определенные ограничения по взаимодействию на том сайте, где он встроен, но все же является самостоятельным кодом. Встраиваемый виджет напоминает встройку Яндекс метрик или Google Tag Manager: прост в установке и не требует привлечения отдельного IT-специалиста.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Изначально заказчик, Круизный центр «Инфофлот» обратился к нам за внедрением CRM Битрикс24, поскольку это является одним из основных направлений деятельности DD Planet. Но в процессе работы выяснили, что на текущий момент самая актуальная задача, стоящая перед IT-подразделением заказчика, это разработка специального виджета, который турагентства-партнеры могли бы встраивать на свои сайты, а Заказчик зарабатывал бы на комиссии за работу виджета.

Мы с интересом взялись за задачу, вместе с командой Инфофлота перепробовали несколько гипотез, чтобы окончательно сформировать концепцию виджета, и после А/В тестов наконец получили итоговый образ желаемого виджета. Обеспечить комфортную совместную работу наших программистов и IT-команды Заказчика позволила методология SCRUM и ее короткие спринты.

Прочая информация о кейсе

Our client, Infoflot Cruise Center, promotes vouchers for sea and river cruises around the world.

The customer asked us to create a search widget that would send real-time information on available cruises to the websites of partner travel agencies.

The widget consists of two components: the first is a configurator for setting up a search engine, authorization and user identification, the second displays the widget on the travel agency website.

After the main project work was completed, the client returned to us with several iterations of refinements to improve the service and user experience.

Currently, we’ve created more than 1400 widgets that are used on the websites of 670 travel agencies.

Скриншоты

Комментарий заказчика

«Компания DD Planet разработала для нас агентский поисковик: сервис, устанавливаемый на сторонние сайты любой архитектуры и на любых технологиях.

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

Сервис технически сложный, однако продолжает непрерывно развиваться силами разработчика. Работой очень довольны, рекомендуем DD Planet, а результатом с удовольствием хвастаемся.

Надеемся на дальнейшее огромное будущее проекта!»

Василий Шевяков, технический директор Круизного центра «Инфофлот»