Корпоративный сайт
для АО «Аэропорт Ульяновск»
Проект позволил сайту аэропорта выйти на новый технологический уровень: устаревшая CMS была заменена на современный стек 1С-Битрикс + React, обновлена структура, дизайн и мобильная версия.
О клиенте
АО «Аэропорт Ульяновск» (Международный аэропорт Ульяновск им. Н. М. Карамзина) — гражданский аэропорт федерального значения. Аэропорт обслуживает внутренние и международные рейсы, расположен в 9 км от центра Ульяновска, рядом с с.Баратаевка.
Проблема
Корпоративный сайт аэропорта был сделан на устаревшей CMS, которая больше не поддерживалась. Любые изменения требовали значительных усилий, а развитие сайта было практически невозможно. Не было адаптивной версии. На мобильных устройствах интерфейс работал некорректно, что снижало удобство для пассажиров — основной категории пользователей. Визуальный стиль и интерфейс также устарели и не соответствовали текущим задачам и планам развития аэропорта.
Перед нами стояли задачи:
Перед нами стояли задачи:
- перенести сайт на современный технологический стек;
- переработать структуру и улучшить пользовательские сценарии;
- обновить дизайн;
- обеспечить полноценную мобильную версию;
- сохранить действующий функционал и добавить новый;
- настроить интеграции с внутренними системами аэропорта и внешними сервисами,
- сделать SEO разметку, английскую версию, версию для слабовидящих.
Решение
Архитектура решения
Мы предложили строить сайт на связке 1С-Битрикс (CMS/админка) + React (фронтенд) и разделить их на отдельные серверы. Такое решение обосновано задачами проекта:
- 1С-Битрикс — обеспечивает удобный контент-менеджмент для редакторов аэропорта (типы страниц, новости, галереи, загрузка логотипов и документов).
- React даёт гибкость в реализации клиентских сценариев, удобную адаптивную верстку и возможность оптимизировать производительность.
Разделение фронта и бэкенда на разных серверах повышает отказоустойчивость и упрощает масштабирование при пиковых нагрузках (например, всплески трафика при регистрации на рейс).
Дизайн
Перед началом разработки мы сделали серию прототипов и дизайн-макетов, ориентируясь на реальные пользовательские сценарии. В прототипы включили:
- Главный сценарий пассажира: поиск расписания → выбор рейса → переход к покупке билета → онлайн-регистрация.
- Сценарий встречающего: быстрый доступ к онлайн-табло, просмотр схемы аэропорта, карточкам прилётов и оплата парковки.
- Сценарии специальных групп: информация для маломобильных пассажиров, комната матери и ребёнка, бизнес-зал.
- Коммерческие и партнёрские разделы: документы, рекламные площадки, контакты для аренды.
Дизайн ориентировали на отраслевую практику — крупные заголовки, читаемая типографика, компромисс между визуальной презентабельностью и функциональностью навигации. Особое внимание уделили мобильной версии: макеты создавались mobile-first, затем адаптировались под планшеты и десктопы.
Разработка и интеграции
На стороне 1С-Битрикс подготовили структуру для всех типов контента, настроили удобные карточки элементов, категории, фильтры и административные интерфейсы. Это сделало процесс наполнения и поддержания сайта быстрым и предсказуемым.
Мы также подключили необходимые интеграции:
- Внутренняя система аэропорта — источник данных для онлайн-табло, расписания и детальной страницы рейса. Данные подтягиваются по API и отображаются в реальном времени на карточках рейсов и табло.
- TravelPayouts (агрегатор билетов) — интеграция для перехода на покупку билета. Через CTA на сайте пользователь попадает на страницу партнёра.
- Парконика (система парковки) — интеграция реализована как редирект/передача ID: пользователь вводит номер билета или номер авто → система формирует идентификатор и перенаправляет на страницу оплаты/подтверждения парковки.
- Сервис погоды/времени — небольшая интеграция для отображения текущих условий на странице аэропорта и в карточках рейсов.
Каждая интеграция сопровождалась протоколами тестирования и отдельными проверками на тестовой среде.
Фронтенд на React и функциональность на 1С-Битрикс собрали в единую систему. Настроили корректную работу всех страниц, проверили отображение на разных устройствах.
Нагрузочное тестирование
Мы отдельно протестировали поведение сайта при повышенной нагрузке. Для аэропорта это критично: трафик может резко увеличиваться из-за изменений в расписании, задержек рейсов и т.п.
В ходе тестирования смоделировали пиковые сценарии с большим количеством одновременных пользователей. Это позволило выявить потенциальные узкие места и оптимизировать конфигурацию, чтобы сайт оставался стабильным и быстро загружался даже при резком росте трафика.
Результат
Сайт аэропорта развернут на современном стеке Bitrix + React, стал удобным для пользователей и простым в поддержке для команды аэропорта.
Перейти на сайт аэропорта и посмотреть результат.
Перейти на сайт аэропорта и посмотреть результат.