Что можно сделать в 3D
Живой первый экран
Абстрактная форма, логотип или ваш продукт в объёме, который поворачивается за курсором. Как в примере ПРИЗМА.
Поле частиц
Тысячи точек складываются в фигуры и перестраиваются при прокрутке. Пример ПОТОК.
Шейдерный фон
Живая текстура — краска, свет, вода, — которая медленно меняется. На ней держится сайт художника Алины Верховой.
Сайт-игра
Посетитель катается на машинке по 3D-площадке и так попадает в разделы. Пример 3D-портфолио — для личного бренда и креативных команд.
Примеры с 3D
Сцены в этих примерах интерактивные: подвигайте мышью и прокрутите страницу. Каждый пример откроется в новой вкладке.
Открыть сайт ↗ПРИЗМА
Иммерсивная студияWebGL-сцена на первом экране, лаборатория шейдеров, AI-ассистент.
Открыть сайт ↗ПОТОК
Арт-проектГенеративная графика в реальном времени: поле частиц перестраивается при прокрутке.
Открыть сайт ↗Алина Верхова
ХудожникСайт-галерея с живым шейдерным фоном, дневником и страницами работ.
Открыть сайт ↗3D-портфолио
Личный брендПосетитель ездит на машинке по 3D-площадке между разделами сайта.
Открыть сайт ↗ОРЕОЛ
Студия интерактива3D-графика, интерактивная лаборатория эффектов, витрина кейсов.
Открыть сайт ↗Марк Одинцов
Креативный разработчик3D-сцены, туннель при прокрутке, шоурил и страницы кейсов.
Честно про ограничения
3D — самый тяжёлый вид эффектов. Он нагружает видеокарту, и слабый телефон может заметно нагреться. Поэтому сцену я делаю с запасом: на телефоне меньше частиц и ниже разрешение, а если устройство не поддерживает WebGL, вместо сцены показывается картинка. Сайт при этом продолжает работать.
Второе ограничение — поиск. Текст, нарисованный внутри 3D-сцены, поисковик не прочитает. Поэтому заголовки, описания и цены у меня всегда обычным текстом поверх сцены.
Кому это нужно
Студиям, IT-продуктам, архитекторам, производителям с интересным продуктом, художникам — всем, кто продаёт через «ничего себе». Если клиент сравнивает вас с десятком похожих компаний, у сайта, с которым он поиграл, больше шансов остаться в памяти.
Кафе у дома или автосервису 3D скорее помешает: там людям нужно быстро найти цену, адрес и телефон.
Сколько стоит
3D-сцена или WebGL-эффект добавляется к любому сайту за 30 000 ₽. Визитка с 3D — от 60 000 ₽, лендинг на 4 блока — от 110 000 ₽. Если выбрать за основу пример с 3D, калькулятор сразу включит эту опцию в расчёт.
Вопросы
Нужна ли 3D-модель моего продукта?
Если хотите показать сам продукт — да, нужна модель. Если её нет, соберу простую по фото или сделаю абстрактную сцену в цветах бренда. Сложные модели с точной геометрией оцениваются отдельно.
Будет ли 3D-сайт работать на телефоне?
Да, в упрощённом виде. Откройте любой пример с этой страницы на своём телефоне — так сразу видно, как сцена ведёт себя на вашем устройстве.
Чем 3D отличается от видео на фоне?
Видео смотрят, а с 3D взаимодействуют: сцена отвечает на мышь и прокрутку. Видео легче и подходит почти всем, 3D эффектнее, но и требовательнее к устройству.
Сколько времени занимает?
Первый прототип на основе примера — через сутки, как и у остальных сайтов. Своя сцена с нуля займёт дольше, срок назову после разговора о задаче.
Расскажите, что хотите показать в 3D
Продукт, логотип или абстрактную сцену — напишите в Telegram, есть ли 3D-модель и к какому сроку нужен сайт. Отвечу в течение рабочего дня и назову примерную стоимость.