Дизайн приложения для «ВКонтакте» в поддержку проекта «Поезд Деда Мороза»

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

Разработали дизайн мини-приложения «Поезд Деда Мороза», который стал ядром комплексного проекта VK. Мини-приложение доступно пользователям ВКонтакте и Одноклассники, внутри — игры, тест, генератор кастомных открыток и вознаграждения за ежедневные действия.

————
In a tight timeframe, we developed the design for an application within the VKontakte (VK) social media platform to support the "Santa Claus Train" project. The app included a game, a quiz, a custom postcard generator, and rewards for daily actions.

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

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

Кроме того, внутри есть три активности.

- Мини-игра «Гирлянда дружбы». Пользователю необходимо развернуть фрагменты гирлянды так, чтобы соединить ее между двумя вокзалами и дать дорогу Поезду Деда Мороза.

- «Подстаканник дружбы» — генератор новогодних открыток. В нем можно создать поздравительную карточку с собственным дизайном: на картинке можно поменять декорации и вид за окном, а ещё выбрать один из пяти текстов. Через сниппет готовой открыткой можно поделиться на своей странице ВКонтакте» или в Одноклассниках.

- В тесте «Подружись со Снегурочкой» пользователи могут проверить, насколько хорошо они знают главную новогоднюю героиню, традиции Нового Года и, конечно, передвижную резиденцию Деда Мороза.

————
The primary goal of the application was to engage users in following the Santa Claus Train's route. Every week, three new cities would be unlocked, and users could "light up" their train stations, earning achievements.

Additionally, the application offered three activities:

- A mini-game called "Friendship Garland": Users need rearrange segments of a garland to connect it between two train stations, clearing the way for Santa Claus's train.

- "Friendship Mug": A New Year's postcards generator. Users can create personalized greeting cards with their own design. They could change decorations and the view outside the window on the image and select one of five texts. Finished cards could be shared on their VKontakte profile using a snippet.

- The "Befriend Snow Maiden" quiz allowed users to test their knowledge of the main New Year's character, Snow Maiden.

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

Поезд Деда Мороза — передвижная резиденция новогоднего волшебника, которая третий год подряд отправляется в путешествие по стране. С 2022 года за передвижениями Поезда следят в онлайне пользователи ВКонтакте и Одноклассников. С задачей разработать дизайн мини-приложения для сезона 2023-2024 к нам пришла команда отдела Инновационных решений VK.

Помимо дизайна описанных выше разделов мини-приложения мы разработали 3D-иллюстрации для стартового экрана и игр.

————
The "Santa Claus Train" is a festively decorated mobile residence of Santa Claus that embarks on an annual journey across the country. Since 2022, users of VKontakte and Odnoklassniki have been able to follow the Train's movements online. The task of developing the design for the mini-app for the 2023-2024 season was brought to us by the team from VK's Department of Innovative Solutions.

In addition to designing the above-mentioned sections of the mini-app, we also developed 3D illustrations for the start screen and games.

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

Приложение разрабатывали на базе гипотез и мудборда, предоставленных заказчиком. Основой для scroll-driven анимированной гирлянды стала железная дорога, которая расположилась прямо на новогодней ёлке.

Совместно с командой заказчика развили первоначальные идеи новыми визуальными решениями. Разработали UX/UI приложения и внутренних механик, подготовили 3D-иллюстрации.

————
We developed the application based on hypotheses and mood boards provided by the client. The inspiration for the scroll-driven animated garland came from a train track set up on a Christmas tree.

In collaboration with the client's team, we expanded the initial ideas with new visual solutions. We developed the UX/UI of the application and its internal mechanics and prepared 3D illustrations.

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

Было важно попасть в стилистику Поезда Деда Мороза и использовать оттенки, ассоциирующиеся с Поездом и компанией РЖД — сумели сделать холодную бело-синюю гамму уютной и создать новогоднее настроение.

————
It was essential to capture the style of the "Santa Claus Train" and use the color shades associated with the company. We succeeded in making the cold blue-and-white color scheme look warm and creating a cozy atmosphere within the constraints of the brand guidelines.

Скриншоты