Новый сайт аэропорта Внуково: +114% прямого трафика, +268% из соцсетей и +52% визитов с мобильных

Аэровокзальный комплекс Внуково способен обеспечить пропускную способность до 35 млн пассажиров в год. Ежегодно в аэропорту обслуживается около 200 тыс рейсов российских и зарубежных авиакомпаний. Внуково стал победителем в номинации «Аэропорт года» премии «Крылья России».

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

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

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

Итоговый сайт аэропорта включает в себя:

— Нативное онлайн-табло, заменяющее табло в аэропорту.

— Уведомления об изменениях, касающихся рейса.

— Современное оформление, наследующее дизайн-код аэропорта.

— Понятную навигацию по аэропорту с картой всех этажей.

— Подробную информацию о рейсе с чек-листом по подготовке к полету.

— Функции оплаты парковки, интеграцию с другими сервисами аэропорта.

— Быструю загрузку и адаптивность на любом устройстве.

— Международные версии на английском и китайском.

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

Оценивали:

— полноту отображения информации на онлайн-табло на различных устройствах;

— количество кликов, необходимых для выполнения основных задач (например, проверки статуса рейса или поиска точки упаковки багажа);

— как и где сайт предлагает дополнительные услуги для комфортного ожидания рейса;

— как рекламирует магазины партнеров;

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

К примеру, мы утвердились в идее поместить онлайн-табло на первый экран главной страницы, чтобы пользователи могли максимально быстро и за минимум кликов узнать статус рейса.

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

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

Мы сделали 50+ иконок, чтобы отразить все статусы: регистрацию, посадку, переносы, код-шеринги, незапланированную посадку и прочие. Обозначения воспринимаются однозначно, их легко считать на бегу.

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

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

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

В ней отображается:

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

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

3. Рендер самолета. Многим пассажиром важно знать, на каком самолете предстоит лететь. Мы отрисовали рендеры большинства моделей самолетов, которые используют авиакомпании, вылетающие и прилетающие во Внуково. Так мы создаем связь между контентом на сайте и реальным миром пассажира.

4. Апсейл блоки с коммерческими услугами. Они появляются в тех местах воронки, где могут помочь. Например, промо комфортного бизнес-зала есть на этапе ожидания.

Такая подробная карточка позволяет решить часть задач компании:

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

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

3. Стимулировать продажу услуг, которые сделают ожидание вылета комфортнее.

4. Повысить лояльность пассажиров, поскольку оставит приятное впечатление о компании.

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

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

Мы обработали карту четырех этажей и окрестностей, чтобы составить исчерпывающую интерактивную схему аэропорта. Сделали фильтры по видам объектов и поиск по ключевым словам.

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

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

Мы реализовали работу множества функций с помощью интеграций:

— с базами данных аэропорта, чтобы получать и отображать свежую информацию по рейсам каждые 15 секунд;

— с различными внутренними службами: оплатой парковки, поиском авиабилетов, отслеживанием грузов и прочими;

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

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

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

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

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

Сайт предоставляет иностранным пассажирам полноценные версии сайта на английском и китайском языке. Адаптацией контента занимались члены команды Riverstart — носители языков из Англии, США и Китая. Особое внимание уделили корректности и понятности интерфейса для иностранцев.

Аэропорт Внуково соответствует стандарту China Friendly — «Дружественный Китаю 友好中国», разработанному ассоциацией международного сотрудничества «Мир без границ». Это значит, что аэропорт обеспечил туристам из Китая комфортную среду, информационное сопровождение надлежащего качества, адаптировал услуги и продукты.

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

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

Без участия разработчиков сотрудники аэропорта могут управлять:

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

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

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

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

На сайте аэропорта Внуково мы реализовали настраиваемые версии для слабовидящих. У пользователей есть возможность:

— выбрать цветовой режим с разной контрастностью;

— изменить размер текста;

— настроить изображения: отключить их или перевести в черно-белый режим.

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

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

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

2. Карточка рейса ответит на все вопросы пассажира: на каком самолете предстоит лететь, где комфортнее подождать начала посадки, куда сдать багаж, какие правила нужно знать.

3. Схема аэропорта поможет сориентироваться на большой территории комплекса.

4. Ответы на все вопросы будет легко найти с помощью поиска или благодаря структурированным разделам сайта.

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

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

7. Иностранные пользователи легко найдут нужную информацию на английской или китайской версии сайта.

Эффективность обновления сайта подтверждается статистикой. Новая версия сайта работает с 26 апреля 2023. Сравним статистику старого и нового сайта за равные временные отрезки: с 1 мая 2022 по 31 января 2023 года и с 1 мая 2023 по 31 января 2024.

— Выросла посещаемость: +44% визитов, +25% посетителей и +107% просмотров, органический трафик увеличился на 11%.

— Пользователи стали больше вовлечены: +44% к показателю глубины просмотра, +49% ко времени, проведенному на сайте.

— Изучать сайт с мобильных стало удобнее: +52% визитов, +26% посетителей, +48% к глубине просмотра с мобильных и +53% ко времени на сайте.

— Аудитория возвращается на сайт, поскольку находит его полезным: количество визитов >2 увеличилось на 32%, количество визитов >4 — на 63%, >8 — на 80%.

— Аудитория сохраняет сайт: на 114% вырос прямой трафик.

— Пользователи делятся сайтом: социальный трафик вырос на 268%, переходы из мессенджеров — на 213%.