3D-айсберг для стенда банка
Задача: увлекательно рассказать о продуктах на стенде
Интерактивное 3D-приложение для стенда банка: на вертикальном экране вращается айсберг, а за его метками открываются продукты компании.
- Клиент
- Банк, под NDA
- Формат
- Интерактивный стенд, 3D
- Срок
- 16 дней
- Экран
- Вертикальный, 9:16
Узнайте, что скрыто
под водой
Айсберг с нуля
Модель, текстуры и анимацию создали сами. Над водой — снежная вершина, под водой — прозрачный лёд.
- МодельФорму айсберга создали сами, без готовых моделей
- ТекстурыСнег на вершине и прозрачный лёд под водой
- АнимацияАйсберг плавно вращается на экране
Экран 9:16
Стенд — вертикальный тач-экран. Интерфейс отрисован в 4K, чтобы вблизи не было видно пикселей.
- 9:16Экран стоит вертикально, как сам айсберг
- 4KИнтерфейс отрисован в разрешении 2160 × 3840
- КасаниеВсё управление — нажатиями на экран
Метки в объёме
Плашки закреплены на айсберге и вращаются вместе с ним. Нажатие открывает карточку — такую, как эта.
- В объёмеМетки стоят на поверхности льда, а не поверх картинки
- ВращениеМетки поворачиваются вместе с айсбергом
- КарточкиЗа каждой меткой — карточка продукта
7+ 3D-сцен
Для карточек продуктов собрали больше семи 3D‑сцен. На все сцены ушёл один день.
- 7+3D‑сцен для карточек продуктов
- 1 деньСтолько ушло на все сцены
- Своя сценаУ каждого продукта — собственная
16 дней
Столько прошло от старта работ до готового стенда — вместе с айсбергом, сценами и интерфейсом.
- 16 днейОт старта работ до готового стенда
- UnityНа нём собрано приложение стенда
- ИсходникиПроект можно масштабировать и использовать снова
Нажмите на метку
Задача
В сжатые сроки сделать для стенда интерактивное приложение, которое увлекательно рассказывает о продуктах компании.
Модель айсберга и её анимацию нужно было создать с нуля — это была задача со звёздочкой.
Айсберг из приложения: вращение, снежная вершина и прозрачный лёд под водой. Модель, текстуры и анимацию мы создали с нуля.
Как это работает
- 01
Айсберг
На вертикальном тач-экране медленно вращается 3D-айсберг: светлая вершина над водой и прозрачный лёд под ней.
- 02
Метки
Вокруг айсберга появляются плашки продуктов. Они закреплены на льду в 3D и вращаются вместе с ним.
- 03
Карточка продукта
Нажатие на плашку поднимает карточку: собственная 3D-сцена, короткое описание и ключевые цифры. Продукты можно листать подряд, не возвращаясь к айсбергу.
Экран стенда: ожидание и метки. Названия и тексты продуктов клиента скрыты — на их месте факты о проекте.
Как делали
- 01
Айсберг
С нуля создали модель и текстуры — снежную вершину и прозрачную подводную часть — и анимировали вращение.
- 02
Формат
Придумали, как знакомить гостей с продуктами: метки стоят на айсберге, нажатие открывает карточку.
- 03
3D-сцены
Для карточек продуктов собрали больше семи 3D-сцен. На все сцены ушёл один день.
- 04
Сборка
Собрали приложение на Unity для вертикального экрана. Интерфейс отрисовали в 4K — 2160 × 3840.
Результат
Площадка получила интерактивное решение, которое вовлекает и целостно рассказывает о продуктах компании.
Проект можно масштабировать и переиспользовать благодаря исходным файлам.