CHIPSA DESIGN STUDIO

Самокат

"Виртуальный музей курьера" - 3D‑пространство об истории доставки

web

2024

CHIPSA DESIGN STUDIO

Самокат

Креатив
Дизайн
Разработка

web

2024

Самокат - "Виртуальный музей курьера"

Самокат - "Виртуальный музей курьера"

Самокат - "Виртуальный музей курьера"

CHIPSA DESIGN STUDIO

Самокат

web

2024

Контекст

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

Цель и задачи

Разработать веб‑музей в 3D с тематическими залами, экспонатами и аудиогидом, с акцентом на мобильную версию и вовлекающими заданиями с промокодами.

Решение

Создали виртуальный музей на WebGL с использованием React и Three.js. Спроектировали тематические залы по эпохам, добавили интерактивные экспонаты и аудиогид. Для вовлечения внедрили спецэффекты: шейдеры для мерцания скрытых элементов, реалтайм‑отражения (например, в "Египте"), а также задания, за которые посетители получали промокоды. Особое внимание уделили производительности и управлению на смартфонах: оптимизировали веса, настроили адаптив и жесты навигации.

Описание механики

Исследуйте историю доставки в 3D‑музее - взаимодействуйте с экспонатами, слушайте аудиогид и выполняйте задания за промокоды!

  1. Вход в 3D‑пространство с интро о залах и правилах навигации.
  2. Перемещение по залам эпох: Античность, Средневековье, раннее Новое время, Индустриальная эра, Современность.
  3. Взаимодействие с экспонатами: осмотр вблизи, всплывающие карточки с фактами, запуск аудиогида.
  4. Визуальные эффекты: реалтайм‑отражения в отдельных залах и шейдерные подсветки для скрытых объектов.
  5. Задания для посетителей: поиск скрытых элементов, ответы на вопросы по экспозиции, сбор "меток".
  6. Награды: промокоды за выполненные задания с условиями применения в сервисе Самокат.
  7. Мобильный UX: жесты вращения и зума, адаптивный HUD, стабильная работа на смартфонах.
  8. Доступность контента: режим аудиосопровождения и краткие текстовые конспекты для каждого экспоната.

Исследуйте историю доставки в 3D‑музее - взаимодействуйте с экспонатами, слушайте аудиогид и выполняйте задания за промокоды!

Исследуйте историю доставки в 3D‑музее - взаимодействуйте с экспонатами, слушайте аудиогид и выполняйте задания за промокоды!

Результаты

>21млн
Охват
+3%
Рост в рейтинге работодателей

Другие проекты

NDA

2023

Самокат - "Скажите а-а-а-м!"

Аудио‑игра с голосовым управлением

FarFor.studio

2024

MSI х Авиасейлс - "Найди кочевника"

Веб‑игра-поиск для путешественников

NDA

2024

ТАСС х Росатом - "Атомная эпоха"

Лонгрид о 70‑летии первой АЭС

NDA

2023

2ГИС - "Кварталы"

Гиперлокальный квиз на карте

REBOOT STUDIO

2024

Альфа-Бизнес Мобайл - "В потоке"

Мини‑игра про денежные потоки

Redis

2024

Самокат - "Словарик даркстора"

Интерактивный словарь с мини‑играми

NDA

2024

Сбер х hh - "Скопировать невозможно"

Веб‑квест о людях за технологиями

REBOOT STUDIO

2024

Альфа-Инвестиции - "В поисках акций"

Веб‑игра про поиск ценных бумаг

Future Today

2024

Future Today х МТС Финтех - "Лови возможности"

Веб‑игра для продвижения стажировок

Trend Surfers

2024

Спортмастер - "Больше спорта"

Мини‑игра для продвижения карьерного бренда

Есть задача — найдём креативное решение

FormTelega

funtech

Агентство интерактивных технологий нового поколения
Написать в Телеграм
Искра зажжена! Мы приняли ваш запрос.
Ваша заявка у нас. Нейросети уже работают над концепциями для вашего уникального digital-спецпроекта.
Наш Телеграм