FLOOR.DSGN · CASE FILE
Загрузка кейса…
Кейс · Синематик-сайт · IL

Дизайн в каждом слое

Floor.DSGN — не сайт-визитка, а синематический опыт: 10 актов, которые ведут посетителя от материи к смете под управлением скролла. Бесшовные напольные системы, показанные как кино.

Роль Art-direction + Build Техника Scroll-cinematic · Canvas Языки RU · HE · EN
floordsgn — design in every layer
ЭТАЛОН · LIVE
Floor.DSGN — синематик, акт «Дизайн в каждом слое»
01

Живой синематик

Настоящий сайт · листайте внутри окна

Это не видео и не картинки — под окном работает настоящий сайт-эталон. Крутите колесо внутри рамки: каждый акт собирается из слоёв под управлением скролла.

etalon-real.floordsgn.pages.dev
↕ листайте внутри окна
Загрузка синематика…

Работает медленно в рамке? Открыть на весь экран →

02

Десять актов

Скролл ведёт по истории материала
01

Материя

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

02

Слой

Пол разбирается на слои — грунт, база, финиш. «Дизайн в каждом слое».

03

Система

Терраццо, микроцемент, эпоксид, шлифбетон — как инженерные системы.

04

Сборка

Как слои собираются в готовую поверхность — шаг за шагом.

05

Формула

Состав и пропорции — доказательство инженерного подхода.

06

Студия

Люди и процесс за материалом — доверие через мастерство.

07

Рука

Ремесло: тысячи квадратных метров, уложенных вручную.

08

Стандарт

Что отличает эталон от «просто залили пол».

09

Проекты

Реальные объекты как финальное доказательство.

10

Смета

Мягкий переход к действию — расчёт и заявка.

03

За кадром

Не слайдер — постановка

За этими десятью актами — работа целой студии: арт-дирекшн, постановка света, сборка материала по слоям и хореография скролла. Это снимали, как кино, а не «залили на страницу».

BlenderRender Result · Cyclesterrazzo.blend · 1280×800 · denoised
Floor.DSGN — терраццо, реальный рендер в Blender Cycles
10
актов срежиссировано
3
источника света на кадр
40+
слоёв в композиции
3
языка · RTL
Как это строилось в Blender
Материал терраццо — процедурный: нодовая сетка (Voronoi для крошки, Bump для рельефа), свет по референсу, рендер в Cycles. Пол собран в 3D, а не сфотографирован.
Blender — каркасная модель пола
01

Модель

Плоскость пола, разбитая на сетку — чистая геометрия под материал.

Blender — процедурный материал терраццо
02

Материал · ноды

Процедурное терраццо: Voronoi для крошки, Bump для рельефа, Principled BSDF.

Blender — постановка света
03

Свет

Key + Fill по референсу — блики, тени и глубина.

Blender — финальный рендер Cycles
04

Рендер

Cycles + денойз — реальные кадры материала, не фото.

Shader ·Voronoi TextureBumpPrincipled BSDFMaterial Output
04

Кто работал над кадром

Как на съёмочной площадке
DEPT 01

Арт-дирекшн

Раскадровка десяти актов, референсы, палитра pine + один зелёный акцент, тонкая типографика.

DEPT 02

Свет и композиция

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

DEPT 03

3D и слои

Сборка поверхности из слоёв — грунт, база, финиш — как настоящий пол, кадр за кадром.

DEPT 04

Хореография скролла

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

DEPT 05

Моушн и ритм

Микро-анимации, ритм появления текста, пауза и акцент — монтаж, а не набор блоков.

DEPT 06

Копирайт · 3 языка

Сценарий на RU / HE / EN с правильным RTL для иврита. Тон, а не перевод.

DSGN//STUDIO

Хотите сайт, который смотрят до конца?

Мы проектируем и собираем такие синематические опыты под ключ — от арт-дирекшена и раскадровки до живого сайта на трёх языках. Пришлите задачу — вернём концепцию.