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

1. Вводная задача от заказчика, проблематика, цели

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

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

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

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

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

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

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

Дизайн

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

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

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

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

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

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

• Внутренняя система аэропорта — источник данных для онлайн-табло, расписания и детальной страницы рейса. Данные подтягиваются по API и отображаются в реальном времени на карточках рейсов и табло.
• TravelPayouts (агрегатор билетов) — интеграция для перехода на покупку билета. Через CTA на сайте пользователь попадает на страницу партнёра.
• Парконика (система парковки) — интеграция реализована как редирект/передача ID: пользователь вводит номер билета или номер авто → система формирует идентификатор и перенаправляет на страницу оплаты/подтверждения парковки.
• Сервис погоды/времени — небольшая интеграция для отображения текущих условий на странице аэропорта и в карточках рейсов.
• Каждая интеграция сопровождалась протоколами тестирования и отдельными проверками на тестовой среде.
• Фронтенд на React и функциональность на 1С-Битрикс собрали в единую систему. Настроили корректную работу всех страниц, проверили отображение на разных устройствах.

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

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

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

3. Результаты сотрудничества

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

Перейти на сайт аэропорта и посмотреть результат https://ulkaero.ru/ru