Harvest in Motion

Завдання

Замовник показав сайт європейського конкурента й запитав, чи реальні такі анімації. Відповідати словами в кошторисі ми не стали — зібрали робочий макет на окремому піддомені. Сцена під час прокручування «Політ урожаю»: у кадр виходять сухофрукти, до них підхоплюються горіхи, урожай розкладається по кошиках, коробки вирушають на завантаження, далі — маршрути експорту, і тут же розбір, скільки рядків коду коштує кожен прийом. Поруч — дві повні концепції оформлення, кінематографічна темна і світлий каталог, — і сам сайт трьома мовами зі справжнім контентом та адмінкою. Усе зібрано на одній сторінці-вітрині з чесним зведенням, які дані підтверджені, а які взято із середніх показників галузі. Нуль анімаційних бібліотек: position: sticky, transform і один обробник прокручування; якщо ввімкнено prefers-reduced-motion, сцена показує фінальні кадри без руху. Від замовника після перегляду потрібне єдине рішення — обрати напрям.