Создание виртуального пространства: как мы разработали Музей курьера для Самоката

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

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

Ранее мы уже работали с виртуальными пространствами, но не в таком масштабе. Проект одновременно вызывал волнение и азарт, ведь нам предстояло за 2,5 месяца создать уникальное виртуальное пространство ко Дню курьера.

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

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

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

Некоторые задачи потребовали нестандартного подхода. Например, для создания текстур упаковок продуктов Самоката, служивших скрытыми элементами в залах, наш дизайнер Антон Чугунов заказывал эти товары на дом, затем аккуратно разрезал упаковки, фотографировал их и обрабатывал в графическом редакторе. И так с каждой позицией несколько раз.

Мы выбрали технологию WebGL с использованием React и Three.js для разработки виртуального пространства. Особое внимание уделили мобильной версии, поскольку большая часть пользователей Самоката использует смартфоны. Важно было обеспечить быструю и комфортную загрузку музея даже на менее производительных устройствах.

Из-за сжатых сроков разработка шла параллельно с дизайном. Каждая комната моделировалась отдельно, а разработчики в это время прорабатывали механики перемещения, вращения камеры и другие интерактивные элементы. Такой подход ускорял процесс, но требовал дополнительных усилий по интеграции.

Для мобильных устройств мы создали облегчённые версии моделей с пониженным разрешением текстур, что позволило сократить размер файлов в 6-7 раз и снизить потребление видеопамяти. Однако не обошлось без проблем: за пять дней до запуска на некоторых устройствах сайт не загружался дальше прелоадера из-за нехватки памяти. Нам удалось оперативно решить эту проблему.

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

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

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

Команда Самоката поддерживала наши идеи. Мы обсуждали спорные моменты, приводили аргументы и отстаивали свою точку зрения. Это доверие со стороны заказчика дало нам возможность реализовать проект максимально эффективно. Теперь мы можем с уверенностью сказать, что стали сильнее как команда.

После запуска виртуального пространства мы столкнулись с проблемой длительной загрузки. Чтобы пользователи из любых регионов могли быстро получить доступ к музею, мы разместили статические ресурсы на CDN, что снизило нагрузку на основной сервер. В результате виртуальное пространство начало работать быстрее, несмотря на большой объём и высокий трафик.

В целом, мы стремились создать не просто виртуальное пространство с коллекцией экспонатов, а увлекательное ретроспективное путешествие, где каждый зал раскрывает новые удивительные моменты из истории курьерства. Судя по всему, нам это удалось: среднее время пребывания пользователей на сайте в начале проекта составляло почти 17 минут.

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