Мобильное приложение Travelpayouts

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

Сервис партнёрских программ для путешествий существует уже десять лет, мобильное приложение для него появилось в 2016-м году. Предыдущие версии делала не наша компания, это была инхаус разработка. В 2021 году руководство Travelpayouts обратились к нам для создания обновления, которое получило версию 3.0.

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

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

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

Такой большой объём информации надо было сделать не только хорошо читаемым, но и с возможностью интуитивного управления, поэтому дизайн получился максимально гибким и простым. При первом открытии возникает ощущение, что ты уже работал в этой программе, что интерфейс знаком. Все элементы, включая три классических таба внизу, спроектированы в соответствии с UX-правилом Якоба Нильсона – привычные паттерны и шаблоны должны соответствовать пользовательскому опыту.

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

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

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

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

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

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

В режиме единого окна доступна детальная статистика по партнёрским программам, кроме того приложение позволяет:

получать уведомления;

следить за балансом и выплатами;

быстро делиться реферальными ссылками;

искать информацию о работе Travelpayouts;

отправлять сообщения в службу поддержки;

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