Перейти к содержимому

Обсудить проект
ПроектThrumm Energy

Сайты с 3D-анимацией

Одностраничный сайт, где ваш продукт стоит в 3D и двигается от прокрутки: поворачивается, подходит ближе, а место вокруг меняет свет.

Обсудить проект

Примеры

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

Все проекты

Кому подходит

Подходит, если

  • Вы продаёте один продукт или короткую линейку — напиток, косметику, устройство — и хотите показать его со всех сторон.

  • Вы запускаете бренд или новый продукт, и нужна страница, которую запомнят и перешлют друзьям.

  • Вы ведёте людей на одну страницу из рекламы, рилсов или с упаковки: она должна удержать и подвести к одному действию.

  • Ваш продукт выбирают глазами, и страница должна выглядеть не хуже самого продукта.

Не подходит, если

  • Вам нужен магазин на сотни товаров. 3D-страница показывает несколько вещей подробно; каталог с фильтрами — другая работа.

    Интернет-магазины

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

    Создание сайта

  • Сайт нужен срочно. Сцена делается вручную — предмет, материалы, свет, движение — и занимает больше времени, чем обычная страница.

Что входит

  • Ваш продукт в 3D

    Банки, бутылки, коробки и технику собираем кодом, в настоящих пропорциях. Еду и другие предметы живой формы делаем 3D-моделью по фотографии.

  • Фотографические текстуры

    Дерево, камень, металл, лёд, пена: у каждого материала фотографическая текстура, а не узор, нарисованный кодом. Поэтому предмет не выглядит пластиковым.

  • Свет и место

    Продукт стоит в каком-то месте — барная стойка, зал, озеро — с полом, светом и глубиной, а не на ровной заливке. Место может менять свет под каждый вкус или модель.

  • Движение от прокрутки

    Сцену ведёт прокрутка: продукт поворачивается, выходит вперёд, наливается, открывается. Вещи двигаются с весом, как настоящие, а при прокрутке назад сцена идёт обратно тем же путём.

  • Подстройка под устройство

    Страница сама следит, насколько плавно идёт. Когда устройству тяжело, она снижает резкость картинки и возвращает её, когда появляется запас. Плавность важнее резкости.

  • Вид без анимации

    Тем, кто отключил анимацию в настройках системы, та же страница открывается обычными секциями с кадром каждого акта. Слова и ссылки видны и без скриптов.

  • Остальная страница

    После сцены — продукт крупно с подписями, одна большая фраза, финальный экран с одним действием и подвал. Шрифты подбираем под ваш бренд.

  • Ещё по теме

Цена и условия

Цена — под проект

Зависит от того, что в сцене: сколько предметов, собираем их кодом или делаем модели по фотографиям, сколько актов проходит прокрутка. Расскажите о продукте — посчитаем и назовём цену.

Узнать ценуЦены на обычные сайты
Ответ

На заявку отвечаем в течение рабочего дня.

Права

После оплаты сайт и домен принадлежат вам.

Вопросы

  1. Настоящее 3D. Предметы рисуются прямо в браузере, поэтому сцена точно идёт за прокруткой, вперёд и назад, а вкус или цвет можно поменять без новой съёмки. Фильм, который при прокрутке идёт кадр за кадром, — другой приём: так сделаны сцены на главной странице этого сайта.

  2. Для телефона страница собирается отдельно: продукт занимает большую часть экрана, подписи не уходят за края. 3D-сцена требует от устройства больше, чем обычная страница, поэтому страница сама следит за плавностью и снижает резкость картинки, когда телефону тяжело. На старом телефоне картинка будет мягче. Слова, ссылки и кнопка — обычный текст страницы, а не часть картинки.

  3. Он тяжелее обычной страницы: кроме текста загружаются предметы, их текстуры и свет. Вес мы держим под контролем: 3D-модели облегчаем перед тем, как поставить на страницу, а перед показом страница один раз прорисовывает все состояния сцены, чтобы первая прокрутка не дёргалась. Так же быстро, как страница с одним текстом, он не откроется, и мы этого не обещаем.

  4. Дольше обычного одностраничного сайта, и срок зависит от предмета. Банку или бутылку собираем кодом; еде, ткани и всему, что неровной формы, нужна модель по фотографии, и каждая модель — отдельный этап. Срок называем вместе с ценой — после того как увидим ваш продукт.

  5. Да, одним из двух способов. Если платформа сайта позволяет поставить на страницу свой код, сцена встаёт прямо на неё — первым экраном или на страницу товара. Если нет, сцена становится отдельной страницей на вашем домене, а сайт ведёт на неё ссылкой. Сначала мы смотрим сайт и говорим, какой способ подойдёт, — до начала работы.

  6. Сам продукт — так подробно, как можете показать: фотографии с нескольких сторон, настоящие размеры и файлы этикетки или упаковки, если они есть. Затем бренд — логотип, цвета, шрифты — или слово о том, что его пока нет. И задача страницы: одно действие, которое должен сделать посетитель. Если у продукта живая форма, как у еды, попросим ещё одну фотографию, снятую по нашей подсказке: по ней делается 3D-модель.

Что нужно?

Отправляя форму, вы соглашаетесь с политикой конфиденциальности.

Удобнее в мессенджере?

Записаться на звонок

Калгари