Галерея NW NEW WAY 06b · Скролл-стори
Премиум-скролл

Путь груза,
по мере скролла

Плавный скролл, заголовок, проявляющийся построчно из-под маски, и маршрут Китай→Россия, который рисуется сам, пока вы прокручиваете. Контейнер с картой «пришпиливается» к экрану, груз летит по линии, этапы загораются по очереди.

Lenis · плавный скролл GSAP ScrollTrigger DrawSVG + MotionPath
Прокрутите вниз
Маршрут · сквозная доставка

Китай → Россия, шаг за шагом

скролл рисует маршрут →
Гуанчжоу КИТАЙ · СКЛАД Москва РОССИЯ · ВРУЧЕНИЕ
1

Заявка

Маршрут, габариты, сроки — фиксируем условия.

2

Китай: приём

Забираем товар у поставщика на склад в Гуанчжоу.

3

Таможня

Экспорт КНР и импорт РФ — под ключ.

4

В пути

Везём выбранным транспортом, отслеживаем онлайн.

5

Москва: вручение

Доставляем на адрес, проверяем сохранность.

Четыре плеча

Выбираем транспорт
под задачу

Авиа

Срочно и аккуратно — образцы, электроника, всё «вчера».

$6.5 / кг · 6–9 дней

Авто

Баланс цены и срока для регулярных поставок.

$3.2 / кг · 14–18 дней

Ж/Д

Объёмные партии по предсказуемому графику.

$2.4 / кг · 18–25 дней

Море

Максимально дёшево для крупного тоннажа.

$1.4 / кг · 30–45 дней
0+
лет на маршруте
0+
поставок
0+
клиентов
0%
доставок в срок

Один подрядчик —
от заявки до вручения

Сквозное отслеживание на каждом плече и таможня под ключ. Маршрут вы только что прокрутили — осталось его запустить.

Оставить заявку
Стек: Lenis (плавный скролл, подключён к тикеру GSAP) + GSAP ScrollTrigger (pin + scrub) + DrawSVGPlugin (маршрут рисуется по скроллу) + MotionPathPlugin (груз летит по тому же <path> с авто-поворотом) + SplitText (заголовок проявляется построчно из-под маски после document.fonts.ready). Всё обёрнуто в gsap.matchMedia(): при prefers-reduced-motion: reduce анимаций нет — маршрут отрисован сразу (drawSVG:"100%"), этапы и цифры показаны в финальном виде, Lenis и pin/scrub не запускаются.