Ночной режим и сравнение цен во вкладках — что умеет сайт Aviasales — Авиасейлс на vc.ru

Рассказ о неочевидных функциях сайта и истории их создания.

6696 просмотров

Ночной режим

Изменение цветовой темы со светлой на тёмную.

Эту функцию мы придумали на внутреннем хакатоне. Мы выяснили, что в зависимости от времени года от 20% до 53% запросов приходится на тёмное время суток. Значит, можно сделать процесс поиска билетов более комфортным для пользователей.

Технически для решения задачи можно было собирать отдельные файлы стилей для светлой и тёмной темы. Так, например, делает Twitter. Это экономит несколько килобайт (в сложных случаях — десятков килобайт) размера файла, но такой подход плохо масштабируется и не очень удобен в разработке. Поэтому мы поменяли все хардкодные значения цветов, шрифтов и всего того, что может поменяться в ночной теме, на CSS-переменные. Благо, их поддерживают почти все браузеры.

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

Конечно, нам захотелось, чтобы ночная тема умела включаться-выключаться автоматически в зависимости от наличия на улице солнца. Положиться на одно только локальное время нельзя — вечереет в разных широтах в разное время. Но, получив примерные координаты пользователя по IP, можно сделать запрос в специальный сервис, который вернёт фазу суток для заданных координат-времени.

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

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

Артём Варт, фронтенд-разработчик Aviasales

Бронирование билета без перехода на сайт авиакомпании

Облегченная версия страницы с самыми нужными кнопками.

Конверсия на сайтах одних партнёров может быть в разы выше, чем на других. Заметив это мы пришли к очевидной идее — сделать максимально удобный и понятный единый интерфейс для бронирования билетов с конверсией на уровне топовых партнеров.

Начать решили с «Аэрофлота». У них, пожалуй, самые лояльные клиенты. Для многих пассажиров важно покупать билеты именно на официальном сайте «Аэрофлота». По мнению людей, это более безопасно и надёжно.

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

Всё просто — мы передаём указанные пользователем данные «Аэрофлоту» и уже на стороне авиакомпании происходит оплата и оформляется билет. То есть с точки зрения безопасности и надёжности нет разницы, бронируете вы на Aviasales или на сайте «Аэрофлота».

Чтобы донести это до пользователей, мы разместили краткую информацию о работе быстрых бронирований на окнах ожидания, сняли видео-инструкцию и продвигали её через маркетинговые каналы. Параллельно шла работа над интерфейсом: появилось больше брендинга «Аэрофлота», форма стала двухстраничной — шаг оплаты уехал на отдельную страницу. Появился сайдбар с информацией о пассажирах и рейсе, пользователи получили возможность сохранять данные пассажиров и быстро подставлять их в форму при последующих бронированиях. Добавили выбор тарифов и класса.

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

Иван Барышев, продакт-менеджер Aviasales

Фильтрация билетов с понравившимся сегментом

Смотреть билеты только с удобным вариантом пересадки.

Сервис появился как решение наших собственных проблем. Бывает так, что рейс «туда» подходит идеально, а обратно попадаются долгие стыковки, неудобное время вылета и вообще не то. Особенно часто подобная ситуация встречается на рейсах в Латинскую Америку.

Мы реализовали классический кейс в стиле «путешественники для путешественников» — первыми заметили неудобство и решили его с помощью фильтра сегментов.

Иван Барышев

, продакт-менеджер Aviasales

Сравнение цен на разные перелеты

Разница цен на перелёты считается на отдельных вкладках Aviasales автоматически.

Мы заметили, что пользователи открывают несколько вкладок, чтобы сравнить стоимость билетов. Это, конечно, не самый частый в мире кейс, но «боль» очевидна. Нет никакой формулы «если 10% юзеров делают так — пили фичу». Разработчикам было интересно и совсем несложно сделать нотификации во вкладках, которые позволяют найти самый выгодный вариант.

Иван Барышев

, продакт-менеджер Aviasales

Сравните стоимости билетов на самолёт и на поезд

Купить билеты на «Сапсан» можно на Aviasales.

Это, скорее, сезонная фишка, которая нужна во время сражения поездов с самолётами за пассажиров. Действительно, иногда бывает дешевле поехать «Сапсаном». Для обработки таких кейсов и появился блок с ж/д билетами.

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

Иван Барышев,

продакт-менеджер Aviasales

У Aviasales есть ещё несколько функций, которые делают заказ билетов удобнее. Можно:

• Сохранить настройки фильтров для поиска билетов и использовать их в будущем. Например, показывать билеты варианты конкретной авиакомпании в определённый промежуток времени.

• Узнать стоимость билетов на соседние дни без изменения даты в запросе. Они отображаются в календаре.

• Авторизоваться через социальные сети в личном кабинете, чтобы получить скидки от партнёров и сэкономить на поездке.

• Улучшить на сайте класс обслуживания и пересесть в более удобное кресло.

• Заранее узнать об удобствах на борту и статистике опозданий рейса. Можно посмотреть, есть ли в самолёте розетки или Wi-Fi.
• Зафиксировать пересадку в определённом аэропорту.

• Выбрать продолжительность пересадки.

• Выбрать ближайший прямой перелёт без пересадок.

Расскажите в комментариях, каких функций вам не хватает на Aviasales.

Календарь низких цен. Используйте Aviasales! — Workle

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

!

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

 

 

1) Календарь Aviasales

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

Календарь найти очень просто – он встроен в сайт Workle и расположен во вкладке «Авиабилеты Aviasales» с левой стороны вашей профильной страницы, в колонке с заголовком «Туризм». При желании вы можете перейти на сайт

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

 

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

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

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

Данная опция расположена слева, сразу после пункта выбора страны вылета и страны назначения:
 

После этого нажмите «показать цены» и вы увидите стоимость билетов в выбранный вами период. Обратите внимание на меню справа – оно показывает выпадающие при нажатии на пункты самые дешевые билеты, быстрые перелеты и варианты с долгим отпуском. Каждый пункт отмечен своим цветом, который маркирует соответствующие ему дни:

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

2) Карта низких цен
 

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

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

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

3) Спецпредложения

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

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

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

4) 100 лучших билетов

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

Цены в ней располагаются в порядке возрастания, соответственно, в первых ее пунктах вы найдете наиболее дешевые варианты.

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

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

5) Подписки и рассылка

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

Сделать это просто, нужно вбить в окошко для подписки свой электронный адрес.

А затем подтвердить регистрацию, когда вам придет письмо-отбивка для активации аккаунта.
 

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

6) Бот низких цен

Кроме того, вы имеете возможность подписаться на Telegram-канал Aviasalesbot и соответствующие страницы на Viber и Slaсk, также содержащие свежие новости о скидках и другую актуальную информацию!

Настройте сервис «Бот низких цен» и получайте сведения в социальных сетях. Это особенно подойдет тем, кто проводит в них большую часть времени и при этом редко проверяет электронную почту.

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

Представляете, как сильно они будут благодарны? Это обязательно побудит их вернуться вновь и бронировать авиабилеты только у вас!

Так что будьте профессионалом и выбирайте для ваших клиентов только самые низкие цены!
А Workle всегда вас в этом поддержит 🙂

 

Купить билеты Aviasales: работа услуги, льготы

Поиск дешевых авиабилетов с Aviasales

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

Как пользоваться формой поиска

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

[tp_search_shortcodes slug=»22860714″]

Как найти дешевые авиабилеты на Aviasales с помощью формы поиска.

1. Выберите аэропорты отправления и прибытия.
2. Укажите дату начала поездки. Вы можете заказать обратные билеты.
3. Введите количество взрослых пассажиров. Для детей укажите их возраст. В этой же колонке выберите бизнес или эконом класс.
4. Нажмите кнопку «Найти билеты».

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

[tp_search_shortcodes slug=»3f83ad3c»]

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

Советы туристам

Поиск билетов рекомендуется начинать за 1-2 месяца до вылета. В это время многие авиакомпании предлагают низкие цены. Такая же ситуация наблюдается за 1-2 дня до посадки на рейс. Кроме цены нужно изучить требования от компаний — максимальный вес ручной клади, зарегистрированного багажа. Некоторые требуют плату за дополнительные услуги — поменять место в самолете, распечатать билет.

Как самому купить дешевые билеты на Aviasales через большой поисковик:

• Воспользуйтесь календарем низких цен. Таким образом, вы можете узнать, когда авиакомпании предложат выгодные предложения для самостоятельных путешественников.
• Не бойтесь покупать маршруты с одной или двумя пересадками. Время задержки не превысит 2-3 часов, но общая стоимость может быть ниже прямого билета.
• Рельсы. Рекомендуется подписаться на уведомления от сервиса поиска рейсов. Так вы сможете получать новые актуальные предложения.

Принцип поиска — постоянное отслеживание новой информации. Для проверки актуальных цен от разных организаций можно составить таблицу или воспользоваться функциями сервиса.

Преимущества Aviasales

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

Другие преимущества сервиса:

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

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

Партнерская программа Aviasales.ru (Всемирная)

Детали предложения

Aviasales.ru: 1,2% от билетов
6% от отелей

50% доли дохода с 1 июня

ГЕО: Весь мир

ЗАРЕГИСТРИРУЙТЕСЬ, чтобы начать зарабатывать прямо сейчас!

Эффективная цена за клик 84. 7827

Период ожидания 45

Баннеры Да

Диплинкинг №

Промокоды №

ЧР 0.18

Время жизни куки 30 дней

Целевые страницы №

Канал XML/CSV №

Ограничение движения

Платный поиск (бренд) Запрещено

КПП (не поиск) Запрещено

SEO Разрешить

сообщения электронной почты Разрешить

Попандер/кликандер Запрещено

Ричмедиа Разрешить

тизерные сети Запрещено

Ретаргетинг Запрещено

Отображение трафика Запрещено

Дисплей Google Запрещено

Купоны Запрещено

Кэшбэки Разрешить

Поощрение Запрещено

Социальные сети Разрешить

веб-сайты Разрешить

Контекстная реклама Запрещено

Повторное посредничество Запрещено

Push-уведомление Запрещено

Нативная реклама Запрещено

Дисплей Facebook Запрещено

Дверные проемы Запрещено

Панель инструментов Запрещено

Описание

На сегодняшний день Aviasales. ru — первый и крупнейший в Рунете метапоисковик дешевых авиабилетов. Мы ищем авиабилеты в 728 авиакомпаниях, 200 кассах и 5 системах бронирования (GDS), используя самые современные технологии. Вы выбираете, где купить. Наш инновационный нанопоиск авиабилетов подберет для вас не только оптимальный вариант на конкретные даты, но и предложит другие даты, когда стоимость перелета может быть еще ниже. Выбирайте самые «дешевые даты» в специальном разделе сайта Календарь низких цен .

На сегодняшний день Aviasales.ru — первый и крупнейший в Рунете метапоисковик дешевых авиабилетов. Мы ищем авиабилеты в 728 авиакомпаниях, 200 кассах и 5 системах бронирования (GDS), используя самые современные технологии. Вы выбираете, где купить. Наш инновационный нанопоиск авиабилетов подберет для вас не только оптимальный вариант на конкретные даты, но и предложит другие даты, когда стоимость перелета может быть еще ниже. Выбирайте самые «дешевые даты» в специальном разделе сайта Календарь низких цен .