Гавань, которая оживает по мере прокрутки: судно заходит и швартуется, козловой кран снимает контейнер и ставит на фуру — а слои сцены движутся с разной скоростью, создавая настоящую глубину. Листайте вниз.
Контейнеровоз приходит с грузом из Китая и берёт курс на причал.
Судно встаёт под кран — начинается разгрузка борт-в-борт.
Спредер опускается, цепляет короб и поднимает его над причалом.
Тележка крана переносит контейнер и аккуратно опускает на платформу фуры.
Фура уходит с причала — груз едет на адрес получателя в России.
Перевалка, таможня и доставка «последней мили» — одним подрядчиком. Вы прокрутили весь путь груза: осталось его запустить.
параллакс). Закреплённая сцена через ScrollTrigger (pin + scrub), кран ведёт MotionPathPlugin и связка y/x-твинов на одном таймлайне, заголовок проявляется построчно через SplitText после document.fonts.ready. Плавный скролл — Lenis, подключён к тикеру GSAP. Всё в gsap.matchMedia(): при prefers-reduced-motion: reduce — одна собранная сцена (контейнер уже на фуре, все подписи), без pin/scrub и Lenis.NEW WAY · песочница мокапов · 15 — порт