Как сложную услугу превратили в маркетплейс готовых сценариев с 3D-просмотром и выдачей исходников
2,5 месяца · 120+ экранов · 80+ компонентов · полный путь от каталога до исходников
Привет, я Антон Фокин, CEO Qtim.
Сегодня расскажу про DroneShow Gallery — маркетплейс готовых моделей для дрон-шоу. За 2,5 месяца мы спроектировали больше 120 экранов, собрали интерфейсную систему из 80+ компонентов и подключили 3D-визуализатор. В первую версию вошёл весь путь от поиска сценария до скачивания исходников. Дрон-шоу в этом кейсе — это не про военное применение, а про световые постановки: десятки или сотни дронов синхронно летят по заданным траекториям и складываются в изображения, надписи или анимации в небе. Каждый дрон работает как светящаяся точка в большой 3D-сцене, а за красивым результатом стоят технические файлы: траектории, цвета, параметры площадки и форматы для команды запуска.
Представьте: вы готовите свадьбу и хотите завершить вечер шоу из сотен дронов — в небе сердце бьётся, меняет цвет, его пронзает стрела. До самого показа далеко: сначала идею нужно перевести в технические параметры. Заказчик описывает оператору площадку, число аппаратов, цвета и анимацию; специалисты собирают требования, подбирают заготовку или рисуют композицию с нуля, показывают визуализацию, правят, согласовывают.
Для сложного шоу под конкретное событие это логично. Но в процессе много повторов: сердца, кольца, логотипы, надписи создаются снова и снова, хотя часть композиций можно готовить заранее. Заказчик DroneShow Gallery увидел здесь отдельный продукт — маркетплейс, где покупатель заранее выбирает готовый сценарий и приходит к исполнителю уже с ним. Прямого аналога с таким сценарием покупки на старте не было.
При этом у продукта две очень разные аудитории. Клиент (свадьба, фестиваль, корпоратив) не разбирается в форматах 3D-файлов — ему важно увидеть шоу и понять, встанет ли оно на площадку. Исполнитель берёт купленный ассет как заготовку: ему нужны технические характеристики и исходники, с которыми можно продолжить работу. Один и тот же товар интерфейс должен объяснить новичку и одновременно дать данные профессионалу.
До старта проекта мы провели предпроектную подготовку и вместе с заказчиком определили состав первой версии — путь пользователя от каталога до исходников:
Параллельно требовалась административная часть, чтобы заказчик сам пополнял библиотеку, менял цены и управлял сервисом после релиза.
В DroneShow мы дольше задержались на вайрфреймах: на них ушло 48 из 215 часов дизайна — против обычных 5-10% в простых проектах. Причина в объёме: со 120+ экранами одни и те же состояния повторялись в каталоге, корзине, личном кабинете и админке. Если базовая логика менялась поздно, правки расходились бы по десяткам экранов.
На этом этапе мы собрали кликабельные сценарии и user flow: описали каталог, карточку ассета, избранное, корзину, оплату, библиотеку покупок и работу администратора. Финальные макеты после этого доводили уже визуально — цвета, шрифты, детали. А разработчики раньше получили понятную структуру и смогли параллельно вести фронтенд и серверную часть. Дизайн, фронтенд и интеграции двигались по спринтам одновременно, команда регулярно показывала заказчику рабочий результат — это и помогло уложить внушительный объём в срок.
Модели дрон-шоу отличаются пропорциями. Одна композиция вытянута по горизонтали, другая уходит вверх, третья почти квадратная. В одинаковых жёстких карточках часть изображения стала бы слишком мелкой. Поэтому мы сделали сетку, которая подстраивается под формат материала: система определяет пропорции и выбирает представление карточки. Композиция видна целиком, варианты удобно сравнивать без искажений.
Отдельную роль играют фильтры. Пользователь указывает:
Система поднимает подходящие варианты выше. Остальные остаются доступными, но карточка показывает несовпадение по параметрам — и это полезно даже профессионалу: иногда исходник можно адаптировать, уменьшить композицию или скорректировать расположение дронов. Уже в выдаче видно, где потребуется доработка.
Сердце может пульсировать, отдельные точки — менять яркость, а вся композиция — перестраиваться в воздухе. Статичная картинка этого не передаёт, поэтому самым объёмным техническим участком стала интеграция 3D-визуализатора. Заказчик загружает через админку файлы и сопроводительные материалы, заполняет карточку, указывает параметры и публикует ассет — визуализатор получает данные и воспроизводит анимацию на сайте. Пользователь вращает сцену, меняет ракурс, рассматривает поведение отдельных элементов и оценивает динамику и масштаб композиции до оплаты.
Посетитель начинает с каталога и сужает выбор: сохраняет, скажем, десять позиций из первой сотни в избранное, изучает каждую в визуализаторе, отсекает неподходящие по параметрам площадки и флота. Если нужна консультация, превью можно скачать бесплатно и показать команде, которая будет проводить запуск, — для сложного цифрового товара это страховка: совместимость обсуждают до оплаты.
Выбранные ассеты уходят в корзину, после подтверждения транзакции появляются в личной библиотеке с историей заказов. Скачать можно оба формата исходников — Blender и OpenUSD — или только тот, с которым работает исполнитель. Доступ остаётся в аккаунте: файл можно забрать повторно, как в обычном интернет-магазине.
В маркетплейсе цифровых ассетов оплата влияет на доверие так же сильно, как каталог и 3D-просмотр. Пользователь должен понимать, за что платит, где подтверждение покупки и как получить файлы. Владелец сервиса, в свою очередь, должен видеть заказ, документы и историю операций.
Мы собрали весь путь покупки: корзину, защищённую оплату, автоматические счета и подтверждение транзакций. После оплаты пользователь получает доступ к Blender и OpenUSD. Файлы открываются только после подтверждения операции, а временные ссылки помогают защитить материалы от утечки. Для покупателя это привычный сценарий интернет-магазина. Для владельца маркетплейса — контроль над доступом к контенту.
Каталог должен обновляться без разработчиков, поэтому мы интегрировали готовую админ-систему и настроили под процессы DroneShow: загрузка, редактирование и удаление моделей, категории и теги, карточки и цены, управление пользователями, статистика покупок, переходов и кликов. Готовая основа сэкономила срок MVP — служебный интерфейс не пришлось писать с нуля, а новые функции можно добавлять по мере реальных задач.
В бэклог за рамками MVP ушли авторизация через Google и Apple, более сложный поиск, дополнительные фильтры, статистика поисковых запросов и рекомендации при пустой выдаче. Отдельно обсуждали редактор моделей прямо на платформе — это крупный самостоятельный модуль с другой стоимостью и сроком; заказчик решил вернуться к нему после релиза, если спрос подтвердится. Небольшие уточнения команда добавляла по ходу работы, крупные функции оставались в бэклоге. Такой порядок помог уложиться в срок и запустить всё основное: поиск моделей, проверку параметров, безопасную оплату, документы по заказу и защищённую выдачу исходников.
За 2,5 месяца мы выпустили DroneShow Gallery в продакшен. В сервисе работают каталог ассетов, технический подбор, 3D-просмотр, корзина и платёжный шлюз, автоматическая генерация счётов, защищённая выдача исходников, личный кабинет и панель управления.
Сейчас заказчик развивает сервис и собирает данные: по его обратной связи, нагрузка растёт постепенно. Мы сознательно не превращаем первые наблюдения в громкие цифры — для выводов о продажах и востребованных функциях продукту нужно накопить историю использования. Один из следующих обсуждавшихся шагов — интеграция конвертеров для работы с готовыми архивами. Остальной план будет зависеть от метрик: как люди ищут модели, где не хватает фильтров, нужен ли встроенный редактор, какие форматы чаще забирают профессиональные команды.
Мне в этом кейсе ценно другое: здесь видно, как доверие собирается из мелких проверяемых шагов. Я сам много раз покупал цифровые материалы для проектов и знаю это ощущение: пока непонятно, что именно получишь, куда уйдёт платёж и сможешь ли снова скачать файл, рука тянется закрыть вкладку. В DroneShow Gallery мы убрали эти сомнения из сценария: перед оплатой пользователь видит модель в 3D, сверяет параметры, скачивает превью для обсуждения с исполнителем, платит через защищенный контур и получает исходники только после подтверждения транзакции. Это делает сложную услугу похожей на привычную покупку, сохраняя профессиональный контроль там, где он действительно нужен. Если нужно обсудить проект — напишите нам. Разберем задачу, предложим подход к разработке и оценим сроки.