Галерея NW NEW WAY 12 · Масштаб
Скролл-фильм

От одной коробки
до всей сети

Камера отъезжает «степенями десятки»: одна посылка → паллета → фура → склад → порт → сеть Китай → Россия. Прокрутите — каждый масштаб вырастает в кадр и уходит вглубь, открывая следующий.

Прокрутите вниз
NEW WAY
NEW WAY
КИТАЙ · 10 хабов Москва РОССИЯ
1 Масштаб · посылка

Одна коробка

Лента NEW WAY, маркировка, штрихкод — каждый груз учтён поштучно.

2 Масштаб · паллета

…на паллете

Та же коробка — уже в консолидированной партии, упакована и обтянута.

3 Масштаб · фура

…в контейнере

Паллета загружена в фуру или морской контейнер — плечо в пути.

4 Масштаб · склад

…на складе

Контейнер приходит на склад-консолидатор: стеллажи, погрузчики, учёт.

5 Масштаб · порт

…в порту

Склад — звено порта: краны, суда, тысячи контейнеров в движении.

6 Масштаб · сеть

…одна сеть

10 хабов Китая сходятся к Москве. 5000+ поставок — одна сеть.

КИТАЙ · 10 хабов Москва
1

Одна коробка

Лента NEW WAY, маркировка, штрихкод — каждый груз учтён поштучно.

2

Паллета

Коробка в консолидированной партии — упакована и обтянута.

3

Фура · контейнер

Паллета загружена в фуру или морской контейнер.

4

Склад

Стеллажи, погрузчики, учёт — склад-консолидатор.

5

Порт

Краны, суда, тысячи контейнеров в движении.

6

Сеть

10 хабов Китая сходятся к Москве. 5000+ поставок — одна сеть.

Скролл-фильм по принципу «степеней десятки»: сцена закреплена (ScrollTrigger pin), один scrub-таймлайн ведёт камеру. Шесть слоёв-сцен (чистый SVG) кросс-зумятся: текущая растёт scale и уходит вглубь, следующая проявляется снизу с лёгким перекрытием opacity (ощущение motion-blur). Только transform + opacity — дёшево для GPU. Подписи — SplitText построчно, индикатор масштаба справа. Плавный скролл — Lenis в тикере GSAP. Всё в gsap.matchMedia(): при prefers-reduced-motion — финальная сцена «Сеть» и вертикальный список 6 масштабов, без пина/скраба/Lenis.