Международный аэропорт Хабаровск

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

Создать дизайн-концепцию и разработать сайт аэропорта г.Хабаровск (десктопная и мобильная версия).

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

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

Принцип «Важное на виду»

На главной странице сайта для систематизации основной информации группировали представления по следующим блокам:

верхнеуровневое закреплённое меню;

блок вылета/прилёта (быстрый доступ к рейсам);

блок популярных услуг — билеты, отель, такси.

Мгновенная загрузка – моментальный доступ к важному

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

Универсальный дизайн

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

Узнаваемый спутник-помощник

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

_____________________________________________________________

Flight is an opportunity as fast as possible and just to reach from one point another.

Continuing the idea of simplicity and comfort of flights, we created the website in which any user, irrespective of age and experience, as fast as possible will reach necessary to it information.

The principle "Important is in the public eye"

On the homepage the website we divide the screen into three significant blocks: the upper menu with primary partitions which will always be before the user's eyes; the departure/arrival block where it is possible to look at runs quickly; and the block for a design of popular services — tickets, hotel, taxi.

Instant loading – instant access to important

When developing mobile version of the website we considered features of the region, connected with restrictions of traffic and time of interaction of the user with the interface of mobile platforms. We meet requirements of the user and we create most facilitated mobile version – now the user does not need to spend time and traffic for loading of elements, minor on the importance.

Design which is not felt by the user

Considering the fact that a website dominant – the interface, but not design, we created a comfortable and informative environment in which to the user pleasantly is. Being guided by the available color and font guidelines, we used branded colors for placing semantic and visual accents.

Recognizable assistant

For convenience of the user and forming of positive feeling from visit of the website we decided to use the Khabarovsk bear as the character who interacts with the user via the interface, prompting, for example, how to receive a load or is friendly reports that the page does not exist.

Useful interactive

If necessary the user can interact with the flight map by means of toggl. This simple and clear function helps the user to orient quickly on the card. So, reading of the card becomes more clear and simple, and gradation of types of runs — more obvious.

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

Достигнутые цели и KPI по итогам запуска:

- Интуитивно понятная навигация: до любой информации можно добраться в три клика.

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

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

- Защита от ненужных действий: интуитивно понятные визуальные элементы ведут пользователя по сценариям.

_____________________________________________________________

- Intuitively clear navigation: it is possible to reach any information no more than for 3 transitions a boundary by pages

- Focus on mobile version: we consider that more often users visit the website of the airport on the way or already at the airport

- Visual hierarchy: the block structure helps to separate important information from minor at once, all useful to the user always is on a look

- Protection against unnecessary actions: without wasting words by means of visual elements clear at first sight we do stay on the website to the most

comfortable