icon/54x60/design_animation/02 Created with Sketch. icon/90x90/design_animation/06 Created with Sketch. icon/90x90/design_animation/05 Created with Sketch. icon/54x60/design_animation/01 Created with Sketch. icon/54x60/design_animation/03 Created with Sketch. icon/90x90/design_animation/02 Created with Sketch. icon/90x90/design_animation/01 Created with Sketch. icon/90x90/design_animation/03 Created with Sketch. icon/90x90/design_animation/04 Created with Sketch. icon/90x90/design_animation/08 Created with Sketch. lab/lab-rostov-digital icon/90x90/design_animation/07 Created with Sketch.

Baku City Circuit

Сайт этапа Гран-при Формулы-1 в Азербайджане.

Награды
Еще 5 наград

Задача

Создать сайт, который передаст атмосферу гонки, поможет ее гостям и станет для них гидом по Баку.

Исследование

Аналитика

Проведение Гран-при Формулы-1 в Баку важно не только с точки зрения спорта, но и как направление развития событийного туризма.

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

Проектирование

Формула-1 — это, в первую очередь, особая атмосфера, которую нам важно было передать. С главной страницы мы ведём пользователя в раздел «Как это было в 2016», где он может оценить масштаб и уникальность события.

Имея представление о программе гоночного уикенда в Баку, пользователь может выбрать лучшую трибуну, забронировать ближайший к ней отель и приобрести билеты в разделе «Купить».

img
img

Составить свою уникальную программу тем, кто уже купил билеты, поможет интерактивный «Гид по гонке» — в этом разделе собрана полезная информация об инфраструктуре мероприятия, расписании гонки и развлекательной программе, а также полезные советы для туристов.

img
img

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

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

Дизайн

Концепция | Полное погружение

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

Ваше место на гонке

Наблюдать за полосой разгона или следить за болидами, несущимися по старому Баку, поселиться неподалеку от трассы или отдохнуть от шума гонки, купить сувениры и перекусить между заездами — всю необходимую информацию можно найти на интерактивной карте трассы в разделе «Гид по гонке».

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

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

Карта

Для создания головокружительной трехмерной карты Азербайджана и Баку мы использовали спутниковые снимки и градиентную карту высот. Благодаря технологии Displacement mapping, которая позволяет за счет градиентной карты высот формировать рельеф в 3D — чем светлее точка на изображении, тем сильнее выдвигается это место на объекте. При этом камера плавно опускается в процессе прокрутки.

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

Онлайн-витрина

В разделе Shopping посетители могут приобрести билеты на гонку, забронировать номер в гостинице, заказать сувениры и сделать другие необходимые покупки.

img
img

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

В любой комплектации

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

ДизайнРазработкаСайт

Оставьте заявку
hello@chulakov.ru
Московский офис
Берсеневский пер., д. 5, cтр. 4, 3-й эт., Москва, 119072
+7 495 268-06-61
Ростовский офис
ул. Менжинского, 2Л, БЦ «Форум», оф. 208, Ростов-на-Дону, 344029
+7 863 303-61-91