Разработка сайта для АО «Аэропорт Ульяновск»

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

Разработка сайта на Bitrix + React:

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

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

Проект позволил сайту аэропорта выйти на новый технологический уровень: устаревшая CMS была заменена на современный стек 1С-Битрикс + React, обновлена структура, дизайн и мобильная версия.

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

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

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

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

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

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

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

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

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

Дизайн

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

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

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

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

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

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

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

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

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

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

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

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

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

Скриншоты