На основной сайт
НАПИСАТЬ НАМ

Портфолио

На основной сайт
НАПИСАТЬ НАМ

Портфолио

Создание веб-экосистемы авиаперевозчика


Авиакомпания «Уральские авиалинии» входит в топ-5 авиакомпаний России по количеству перевозимых пассажиров в год

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

История сотрудничества

Работать вместе мы начали в 2014 году с аудита сайта.
С того времени мы сделали личный кабинет программы «Крылья» и мобильная версия сайта и саппортили, развивали и модернизировали корпоративный сайт авиакомпании, личный кабинет программы «Крылья»
и интернет-магазин.

В 2018 году «Уральские авиалинии» доверили нам разработать новый корпоративный сайт www.uralairlines.ru

Задачи

Создать веб-экосистему из сервисов обслуживающих работу авиакомпании: сделать переход между сервисами «бесшовным», незаметным для пользователя, упростить администрирование сайта

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

Повысить уровень безопасности и отказоустойчивости сайта

Создать инструменты для масштабирования бизнеса на зарубежные рынки

Этапы работы
Предпроектная аналитика и разработка технической документации
Программная реализация на языке PHP
Интеграция с сервисами Siebel CRM, API IBE, сервисами получения рейсов
Фронтенд-программирование
и тестирование
Перенос контента
Проектирование API
для внешних сервисов
Интерфейсы

«Уральские авиалинии» разработали новый дизайн страниц и провели масштабное изменение интерфейсов
всей веб-экосистемы авиаперевозчика. На базе прототипов и макетов, разработанных заказчиком, мы создали современный, быстро работающий сайт.

Новая главная страница

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

Было

Стало

 

Обновленный интерфейс спецпредложений

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

Было

Стало

 

Адаптивность

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

 

Плавная загрузка

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

 
Главная страница

В верхней части страницы расположены самые используемые формы сайта.

С каждой формы можно перейти
в сторонние сервисы для управления своим заказом.

Сквозная авторизация позволяет совершать переходы без потери сессии и экономить
время клиента.

Для ознакомления выведены основные спецпредложения авиакомпании.

Можно ознакомиться с услугами партнеров авиакомпании.

На основной слайдер можно вывести как информационные баннеры, так и баннеры
с направлениями и ценами. Вместо статичного баннера можно вывести видео.

Предложены к ознакомлению
все дополнительные услуги авиаперевозчика.

В нижней части страницы представлена последняя опубликованная новость.

Всегда актуальные данные

Для запуска сайта «Уральские авиалинии» разработали новые сервисы по получению расписания рейсов, онлайн-табло
и цен на рейсы. Это позволило создать новые уникальные страницы и показывать всегда актуальные данные.

Форма покупки билетов
На базе расписания рейсов автоматически пополняются справочники стран, городов и аэропортов — больше
не нужно поддерживать справочники вручную.
В форме покупки билетов — сердце любого сайта авиаперевозчика — выводятся только города, в которые летают «Уральские авиалинии».
Расписание рейсов
На странице «Расписание рейсов» клиент может выбрать необходимый ему рейс с ценой и быстро перейти
к бронированию билетов.

В календаре цен можно посмотреть цены на несколько месяцев вперед. А в списке рейсов выбрать не только прямые рейс, но и с пересадками.

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

Здесь предлагаются рейсы в соответствии с частыми запросами клиентов.

Благодаря асинхронной загрузке фронтенда, клиенты могут просматривать предлагаемый контент, пока загружаются цены по направлениям. Поскольку кэш с ценами обновляется по мере того, как клиенты посещают данную страницу, то цены актуальны.
Онлайн-табло
На странице «Онлайн-табло» клиент может найти свой рейс
и посмотреть по нему полезную информацию:
погоду в городе прилета, схему воздушного судна, выбрать лучшее место для посадки перед тем,
как зарегистрироваться на рейс.
Личный кабинет

Мы объединили основной сайт «Уральских авиалиний» с личным кабинетом участника программы «Крылья»
 и тем самым упростили управление двумя сервисами. В плотной работе с заказчиком и командой, которая
поддерживает Siebel CRM, были созданы новые методы и разработаны новые интерфейсы.

На главной странице выводится
вся информация по аккаунту,
форма покупки билетов, слайдер
с индивидуальными спецпредложениями
Во вкладке «Профиль» клиент может заполнить либо обновить личные данные аккаунта, выбрать удобные для просмотра контента
язык и валюту
На странице «Бонусы» можно подробно ознакомиться с начисленными бонусами и посмотреть их дату сгорания
 
На странице «Заказы» выведена вся информация по предстоящим или прошедшим заказам, зарегистрироваться на рейс или отменить полет
Дополнительно к будущему заказу можно докупить услуги в полет. Для каждого заказа набор услуг подбирается индивидуально
На вкладке «Карты» можно ознакомиться
с состоянием бонусной карты и привязать платежную карту для более быстрой оплаты билетов и услуг
 
На странице «Скидки» клиенту доступны для использования промокоды на различные направления, товары и услуги
Во вкладке «Обращения» доступна история заявок к авиакомпании
и ответы на них. Здесь же можно сформировать новое обращение
Конструкторы
Конструктор лендингов

Особенность бизнеса авиакомпании такова, что часто возникает необходимость оперативно объявлять новости, акции, рекламировать новые направления.

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

Для быстрой работы с контентом на сайте (добавлять, редактировать или удалять страницы) был разработан «Конструктор лендингов».

Из уже наработанных в сервисе элементов можно собрать новую страницу, добавить на нее изображения, тексты, формы, аккордеоны и таблицы.

 
Конструктор баннеров

На страницах сайта необходимо рекламировать услуги
и товары авиакомпании. Руководствуясь принципом универсальности и желая упростить работу администраторам сайта, мы разработали «Конструктор баннеров».

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

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

Отказоустойчивость сервисов

Информация о расписании рейсов и онлайн-табло используется не только на сайте,
но и в мобильном приложении Ural Airlines, и в модуле управления бронированием.

Для экономии времени и ресурсов разработки каждого из сервисов, специалистами Artsofte было разработано API по передачи данных о рейсах на сайт и для приложений авиаперевозчика. Если внешние сервисы с данными о расписании рейсов и онлайн-табло будут недоступными, API будет отдавать данные из кэша. Если внешний сервис изменится и/или начнет отдавать данные в другом формате, будет дорабатываться само API, но сервисы авиакомпании будут получать данные в привычном формате и объеме.

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

Мультиязычность и мультивалютность сайта
Автоматические переводы
На старте разработки бэкенда сайта была заложена возможность автоматического перевода всех текстов и лейблов
на сайте на иностранные языки. Настроена интеграция с API «Google Translation».
Таким образом, когда пользователь в первый раз заходит на сайт, то по настройкам браузера определяется наиболее подходящий ему язык, и сайт открывается сразу на нужном языке
Интеграция с курсом валют
Также каждому языку поставлена в соответствие валюта. Настроена интеграция с курсом валют ЦБ. Все цены на сайте можно просматривать в удобной валюте и перейти к выбору и приобретению билетов в понятной для клиента цене.
К моменту запуска сайта добавлено 13 языков и 14 валют. Такая опция позволяет легко расширять бизнес
на международные рынки с минимальными усилиями со стороны разработки и контент-менеджеров.
Результаты

Новый сайт объединил в себе данные из разных сервисов и стал частью большой экосистемы
авиакомпании «Уральские авиалинии».

Новые интерфейсы одинаково хорошо работают на любых устройствах от смартфона, до десктопа. 

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

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

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

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

Хотите узнать подробности или обсудить новый проект?

Оставьте заявку или позвоните нам

Телефон: +7 (343) 236-63-64

Адрес: г. Екатеринбург, ул. Малышева, 71, 6 этаж
E-mail: info@artsofte.ru 

Artsofte.ru