Владислав Булавин Сделать такой сайт

Портфолио концептов · 2026

Сайт, который
хочется прокрутить
до конца.

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

05ниш в работе 3Dсцены и микровзаимодействия 100%адаптивно
листайте

Сцены под задачу

Каждой нише —
свой жест.

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

01 / 05

Автомойка · детейлинг

Из грязи
в блеск.

Прокрутка превращается в процесс мойки: пена смывает дорожную пыль, кузов приближается, а финальный кадр показывает результат и кнопку записи.

scroll-drivenзапись онлайн3D-объект
Сделать концепт для автомойки ↗
Реалистичный 3D-рендер Porsche 911 для концепта детейлинга
DETAILING SEQUENCE01 / 04Смываем дорожную пыль
грязь смывается24% чистоты
01смываем пыль
scroll

02 / 05

Строительство · недвижимость

Дом, в который
можно зайти.

Объёмная модель опускается в кадр, фасад оживает по этажам, а кликом по окну посетитель попадает в планировку конкретной квартиры.

3D-архитектураквартирыпланировки
Открыть демо строительной компании ↗
Реалистичный 3D-рендер жилого дома
ЭТАЖ 08 / 12ПОДНИМАЕМСЯ К КВАРТИРАМПролёт этажей останавливается на выбранной планировке
Выберите окноПосмотреть квартируНажмите на подсвеченное окно
02нажмите на окно
scroll

03 / 05

Стоматология · имплантация

Показать то,
что обычно прячут.

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

анатомияобъяснение услугизапись
Открыть демо клиники ↗
Анатомический 3D-рендер зуба в разрезе
СКАНИРУЕМ
зуб в челюсти00 / 03 этапа
03показываем лечение
scroll

04 / 05

Мебель · кухни · гардеробные

Открыть шкаф
и попасть внутрь.

Дверца отъезжает по скроллу, внутри появляется проект и подсказки по наполнению. Каталог превращается в маленькую историю.

порталкаталогконфигуратор
Собрать мебельный концепт ↗
Реалистичный 3D-рендер встроенного шкафа
04закрытый фасадпотяните вниз
scroll

05 / 05

Юристы · защита бизнеса

Сначала — удар,
потом ясность.

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

сильный первый экрануслугизаявка
Обсудить сайт для юриста ↗
Реалистичный 3D-рендер судейского молотка
01Договорызащитить интересы
02Спорынайти решение
03Банкротствовыйти из тупика
04Защита бизнесадержать удар
ставим точкувыберите услугу
CASE / 2026LEGAL
CLARITY
scroll

Как это собирается

Эффект начинается
с задачи.

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

01

Сценарий

Разбираем, какой жест объяснит ценность быстрее текста.

02

Арт-дирекшн

Собираем стиль, свет, материалы и движение объекта.

03

Сборка

Делаем адаптивную сцену, которая не тормозит на телефоне.

Ваша ниша — следующая

Покажем услугу
до того, как её объяснять.

Расскажите, какой продукт нужно продать — предложу механику первого экрана и соберу концепт.

Обсудить концепт ↗

3D-рендеры в концептах: Sketchfab, авторы указаны по лицензии Creative Commons Attribution.

Porsche · Lionsharp Studios Tower · zigurat architecture studio Tooth · R-LAB Wardrobe · M4nT1Core Gavel · TrentPierce