Разработка мобильного приложения для ВДНХ с чат-ботом, AR-режимом и голосовым помощником

Главное о кейсе

Клиент: Выставка достижений народного хозяйства — крупнейший экспозиционный, музейный и рекреационный комплекс в мире. Уже многие десятки лет ВДНХ является одним из самых популярных общественных пространств Москвы. Ежегодно ВДНХ посещают 30 млн гостей.
Задача: Основная цель разработки мобильного приложения для ВДНХ создание единого сервиса, объединяющего все активности и опции для посетителей.
The Exhibition of Achievements of National Economy is the largest exposition, museum and recreational complex in the world. For many decades, VDNH has been one of the most popular public spaces in Moscow. VDNH is visited by 30 million guests annually.
The main goal of developing a mobile application for VDNH is to create a single service that combines all activities and options for visitors.

Как проект изменил жизнь пользователей

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

The mobile application for VDNH has provided users with a more convenient and interactive way to interact with the site. Now visitors have access to a single platform, where all the necessary functions are collected: from viewing the poster of upcoming events to buying tickets and planning a route through the territory.

Бизнес-задача и ее решение

Бизнес-целями разработки мобильного приложения были:

привлечение новой аудитории,
повышение удовлетворенности посетителей,
оптимизация процесса взаимодействия с аудиторией.

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

1. Навигация и карты. Помогает легко ориентироваться на территории ВДНХ в режиме реального времени благодаря интеграции с Яндекс Картами внутри приложения. На карте отмечены все объекты ВДНХ: павильоны, памятники, кафе, рестораны, кинотеатры, концертные площадки, зеленые зоны, спортплощадки и туалеты. В приложении можно проложить маршрут до любого из них.
2. Информация о мероприятиях. Раздел объединяет актуальную информацию о проводимых выставках, ярмарках, концертах, лекциях и других мероприятиях, включая расписание и описание.
3. Покупка билетов. Возможность приобретения билетов на различные мероприятия и выставки.
4. Планирование визита. Приложение узнает интересы гостя ВДНХ, чтобы рекомендовать ему подходящие события, маршруты и места посещений. А при планировании визита оно предоставляет информацию о доступных сервисах, таких как прокат велосипедов, камеры хранения, парковки и т.д.
Разработка и внедрение этого приложения позволили ВДНХ улучшить взаимодействие с посетителями, повысить их вовлеченность и удовлетворенность, а также создать условия для более широкого охвата и привлечения новой аудитории.

The business goals of developing the mobile app development were:

attracting a new audience,
increasing visitor satisfaction,
and optimizing the process of interacting with the audience.

Currently, the following functionality is implemented in the application:

1. Navigation and maps. It helps to easily navigate the territory of VDNKH in real time thanks to integration with Yandex Maps inside the application. All VDNH facilities are marked on the map: pavilions, monuments, cafes, restaurants, cinemas, concert venues, green areas, playgrounds and toilets. You can set a route to any of them in the app.

2. Information about events. The section brings together up-to-date information about exhibitions, fairs, concerts, lectures and other events, including schedules and descriptions.

3. Purchase tickets. The possibility of purchasing tickets for various events and exhibitions.

4. Planning the visit. The application learns the interests of the VDNH guest in order to recommend suitable events, routes and places of visits. And when planning a visit, it provides information about available services such as bicycle rental, luggage storage, parking, etc.

The development and implementation of this application allowed VDNH to improve interaction with visitors, increase their engagement and satisfaction, as well as create conditions for wider coverage and attracting a new audience.

Крафт (мастерство), реализация, технические детали

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

AR-режим позволяет по-новому взглянуть на территорию Главной выставки страны. Знаковые достопримечательности ВДНХ оживают в цифровом пространстве в формате виртуальных 3D-объектов. При нажатии на каждую можно получить информацию об объекте. Гости смогут прокладывать AR-маршруты и пользоваться подсказками виртуальных указателей. Если пользователь потерял верное направление, то приложение подскажет, как вернуться к маршруту.

Дополнительные возможности приложения включают языковую модель со сценарием, которой можно задавать такие вопросы как: “Какие мероприятия будут завтра”, “Куда сходить с детьми” — в ответ приложение создаст подборку релевантных мероприятий. Голосом виртуального помощника в приложении стал искусственный интеллект столицы — Москва.
Пользователю предлагается выбрать от 5 до 10 интересов, на основе которых будет формироваться подборка событий и локаций. Также приложение предложит лучшие варианты визита при разных обстоятельствах. Например, если в компании есть маленькие дети.
Раздел «Карта» представляет собой подробную карту ВДНХ, позволяющую быстро ориентироваться на обширной территории Выставки. Пользователь сможет узнать, где он находится в данный момент, а иконки подскажут, какие объекты расположены поблизости. При выборе соответствующего фильтра система автоматически предложит варианты ближайших локаций и мероприятий в радиусе 150 метров. Также можно искать объект по названию с помощью поисковой строки с фильтрами.

В работе над проектом использовался следующий стек технологий: Swift, SwiftUI, XCTest, Kotlin, Jetpack Compose, Unity AR, Python, Fastapi, Kafka, Postgres, Redis

The main thing at VDNH is its history, so the cards of pavilions and facilities are provided with the most detailed description, submitted in the longrid format. The user can explore the selected object in more detail: read the description, find out the opening hours, the facilities offered, the phone number for communication, the exact address and get directions.

AR mode allows you to take a fresh look at the territory of the country's Main exhibition. The iconic sights of VDNH come to life in the digital space in the format of virtual 3D objects. By clicking on each one, you can get information about the object. Guests will be able to plot AR routes and use the tips of virtual pointers. If the user has lost the right direction, the application will tell you how to return to the route.

Additional features of the application include a language model with a script, which you can ask questions such as: “What events will be tomorrow”, “Where to go with the children” — in response, the application will create a selection of relevant events. The artificial intelligence of the capital, Moscow, became the voice of the virtual assistant in the application.

The user is asked to select from 5 to 10 interests, based on which a selection of events and locations will be formed. The app will also offer the best options for a visit under different circumstances. For example, if there are small children in the company.

The "Map" section is a detailed map of VDNH, which allows you to quickly navigate the vast territory of the Exhibition. The user will be able to find out where he is at the moment, and the icons will tell him which objects are located nearby. When selecting the appropriate filter, the system will automatically suggest options for the nearest locations and events within a radius of 150 meters. You can also search for an object by name using the search bar with filters.

The following technology stack was used in the work on the project: Swift, SwiftUI, XCTest, Kotlin, Jetpack Compose, Unity AR, Python, Fastapi, Kafka, Postgres, Redis

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

Дизайн концепции выполнен в стиле Bento UI — он является основой визуального стиля macOS, iOS. Это не просто еще один тренд, а эволюция дизайна. Bento UI — эффективный способ создания визуально и простого в использовании UX. И особенно хорошо он подходит для разработки мобильных интерфейсов.

Понятие «Bento Box» возникло в Японии. Под ним понимают порцию еды, разделенную на части. Концепция бенто подразумевает баланс — каждый компонент обеда играет свою роль, вместе создавая сбалансированное и питательное блюдо.

Если Bento UI позволяет собрать визуально привлекательную иерархию в интерфейсе, то образ детского конструктора из кубиков продолжает идею бенто, позволяя собирать цельные образы любых объектов ВДНХ для поддержания стиля.

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

The design of the concept is made in the style of Bento UI — it is the basis of the visual style of macOS, iOS. This is not just another trend, but an evolution of design. Bento UI is an effective way to create a visually and easy—to-use UX. And it is especially well suited for the development of mobile interfaces.

The concept of "Bento Box" originated in Japan. It is understood as a portion of food divided into parts. The concept of bento implies balance — each component of the lunch plays its role, together creating a balanced and nutritious dish.

If the Bento UI allows you to assemble a visually attractive hierarchy in the interface, then the image of a children's cube constructor continues the idea of Bento, allowing you to assemble whole images of any VDNH objects to maintain style.

Through the simplification of large shapes, we come to the silhouettes of pavilions assembled from geometric shapes. The resulting images are used in the design of interface cards. And when launching the application, the user sees a bright dynamic abstraction that symbolizes all the spheres of VDNH coming together into a single whole.

Прочая информация о кейсе

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

The choice of a mobile application for VDNH was due to several key factors, the most important of which were functionality and the ability to work offline. Mobile applications can use all the features of the device, such as GPS, camera and other sensors, which allows for more accurate and interactive navigation. They can also work without an Internet connection, which is especially important for large areas such as VDNKh, where coverage may be uneven.

Скриншоты