Корпоративный сайт для АО «Аэропорт Ульяновск»

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

Перед нами стояли задачи:

перенести сайт на современный технологический стек;

переработать структуру и улучшить пользовательские сценарии;

обновить дизайн;

обеспечить полноценную мобильную версию;

сохранить действующий функционал и добавить новый;

настроить интеграции с внутренними системами аэропорта и внешними сервисами,

сделать SEO разметку, английскую версию, версию для слабовидящих.

Решение

Архитектура решения

Мы предложили строить сайт на связке 1С-Битрикс (CMS/админка) + React (фронтенд) и разделить их на отдельные серверы. Такое решение обосновано задачами проекта:

1С-Битрикс — обеспечивает удобный контент-менеджмент для редакторов аэропорта (типы страниц, новости, галереи, загрузка логотипов и документов).

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

Разделение фронта и бэкенда на разных серверах повышает отказоустойчивость и упрощает масштабирование при пиковых нагрузках (например, всплески трафика при регистрации на рейс).

Дизайн

Перед началом разработки мы сделали серию прототипов и дизайн-макетов, ориентируясь на реальные пользовательские сценарии. В прототипы включили:

Главный сценарий пассажира: поиск расписания → выбор рейса → переход к покупке билета → онлайн-регистрация.

Сценарий встречающего: быстрый доступ к онлайн-табло, просмотр схемы аэропорта, карточкам прилётов и оплата парковки.

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

Коммерческие и партнёрские разделы: документы, рекламные площадки, контакты для аренды.

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

Разработка и интеграции

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

Мы также подключили необходимые интеграции:

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

TravelPayouts (агрегатор билетов) — интеграция для перехода на покупку билета. Через CTA на сайте пользователь попадает на страницу партнёра.

Парконика (система парковки) — интеграция реализована как редирект/передача ID: пользователь вводит номер билета или номер авто → система формирует идентификатор и перенаправляет на страницу оплаты/подтверждения парковки.

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

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

Фронтенд на React и функциональность на 1С-Битрикс собрали в единую систему. Настроили корректную работу всех страниц, проверили отображение на разных устройствах.

Нагрузочное тестирование

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

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

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