be fb phone skype tw inst arrow
Приложение
ВТБ Ледовый Дворец
Март 2018
Дизайн и разработка
мобильного приложения
для iOS и Android
«Парк Легенд» — новый спортивно-развлекательный квартал, расположенный на месте бывшего завода ЗИЛ в Москве. Теперь здесь — крупнейший в России комплекс «ВТБ Ледовый дворец», вмещающий сразу три арены под одной крышей, первый в России музей хоккея, комплекс водного спорта, а также жилой и деловой кварталы.

I. Проектирование и дизайн

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

Наверху в основных разделах — красивые монохромные фотографии на тему. Не утомляем длинными текстами — только короткие описания и преимущества. Для самых любопытных зрителей прикреплены ПДФ-файлы: 

Кратко и наглядно описаны преимущества отдельных
услуг ледовой арены:


Во дворце можно арендовать площадку для игры в хоккей или отметить день рождения ребенка:

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

 

В 2016 на территории Парка легенд открылся первый в России музей хоккея. Что там показывают, как попасть на экскурсию и сколько это стоит — рассказывает соответствующий раздел:

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

Лента мероприятий

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



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


Длинную ленту событий можно отфильтровать по дате или типу (спорт, экскурсии, концерты и пр.):

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

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

Навигация по арене

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

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

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

Иконки хорошо считываются как в крупном, так и в мелком формате.  

 
 

Выбирая места перед матчем, всегда хочется знать, каким будет вид на поле. В нашем приложении «облететь» площадку можно на все 360:

 

Для сложных моментов и специфических маршрутов, которые тяжело изобразить на схеме, мы сделали раздел «Подсказки»:

 

Как добраться

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

Схемы проезда

На схеме только важное: нанесены дороги, транспортные остановки, отмечены ориентиры (железная дорога; центр «Субару» на повороте к арене). Основные здания покрашены светлым, второстепенные — темным.

Схема паркинга

По сути, смысл наших парковочных схем — показать расположение терминалов оплаты и проходов к арене. Мы опустили всю ненужную информацию, оставили только въезды-выезды, переходы, крупно нанесли терминалы.

II. Сборка и программирование

Перед началом разработки мы описали функциональность приложения в 60-страничном техзадании. С помощью фреймворка Laravel написана удобная индивидуальная администраторская панель, для мобильная части использованы языки Java, Swift. Вся технологическая часть — написание кода и ТЗ — заняла около 800 часов. 

Дизайнер
Дмитрий Боровик
Мобильные разработчики
Владас Закревскис
Юрий Шамрук
Сергей Милеев
Бэк-разработчик
Ирина Краковецкая
Аналитик
Виктор Горинов
Управление проектом
Евгений Боровик
Наталья Мальцева (ООО «Спортконцепт»)
Разработано по заказу компании «Спортконцепт»
Март 2018
Заказать проект
×