Swath

Swath перетворює супутникові знімки на просту карту: де посів росте добре, а де відстає. Сайт мав показати цю ідею за кілька секунд людям, яким ніколи читати складні пояснення.

Проєкт: Swath
Галузь: Агротех, супутниковий моніторинг посівів
Обсяг робіт: Вебдизайн · Розробка · Моушн
Технології: HTML, CSS, WebGL, Canvas
Рік: 2026

Swath — Лендінг для сервісу моніторингу посівів: супутник читає поля, фермер бачить, де культура відстає, і того ж дня отримує файл для обприскувача.

Огляд

Пшеничне поле, яке видно з орбіти

Завдання

Swath працює з фермами та зерновими кооперативами в Європі. Більшість із них уже бачили дашборди з графіками й не довіряли їм. Сторінка мала показати, а не пояснювати: що бачить супутник, як виглядає один сезон і що потрапляє в кабіну трактора наприкінці дня.

Що ми зробили

Увесь сайт тримається на одній ідеї — піксель 10 метрів. У першому екрані за курсором ходить лінза, яка показує поле як карту вегетації, а скрол проводить цю карту по всьому фото. Закріплена секція прокручує один сезон пшениці тиждень за тижнем, і проблеми з'являються там, де вони були. П'ять шарів карти складені в 3D і піднімаються при наведенні, фото полів розсипаються на пікселі індексу, а калькулятор рахує ціну під ваші гектари. Усі фото — одна серія аерозйомки згори, тому сторінка читається цілісно.

SwathАгротех, супутниковий моніторинг посівівВебдизайн · Розробка · МоушнHTML, CSS, WebGL, Canvas2026SwathАгротех, супутниковий моніторинг посівівВебдизайн · Розробка · МоушнHTML, CSS, WebGL, Canvas2026SwathАгротех, супутниковий моніторинг посівівВебдизайн · Розробка · МоушнHTML, CSS, WebGL, Canvas2026SwathАгротех, супутниковий моніторинг посівівВебдизайн · Розробка · МоушнHTML, CSS, WebGL, Canvas2026