UAStart a project
Swath logo
Case study · Agritech01 / 40

Swath

Swath turns satellite images into a simple map of where a crop is doing well and where it is falling behind. The site had to make that idea visible in a few seconds, to farmers who have no time for jargon.

Project
Swath
Industry
Agritech, satellite crop monitoring
Scope
Web design · Build · Motion
Built with
HTML, CSS, WebGL, Canvas
Year
2026
Swath — A landing page for a crop-monitoring service that reads farm fields from satellite passes and sends a spray file to the tractor the same day.
Overview

A wheat field you can read from orbit

The brief

Swath sells to farms and grain co-ops in Europe. Most of them have seen dashboards full of charts and did not trust them. The page needed to show, not explain: what a satellite sees, how one season looks, and what lands in the tractor cab at the end of the day.

What we did

The whole site is built around one idea, the 10 metre pixel. In the hero a lens follows the cursor and shows the field as a vigour map, and scrolling sweeps the same map over the whole photo. A pinned section plays one wheat season week by week, with the problems appearing where they happened. Five map layers stack in 3D and lift out on hover, field photos break into index pixels, and a calculator gives the price for your hectares. All photos are one series of top-down aerials so the page reads as one piece.

The live site

Scroll the site right inside the frame, or open it full screen.
webraw.studio/sites/swath/Open the site

The first screen

Homepage · Desktop 1440
Swath: first screen of the homepage

The full page

One long scroll, split into three columns — top to bottom, left to right.

Swath: full page, part 1 of 3
Swath: full page, part 2 of 3
Swath: full page, part 3 of 3

Details

Swath: One season, scrolled
One season, scrolledWeek 19: a corner falls behind
Swath: Five layers from one pass
Five layers from one pass3D stack with hover
Swath: Fields in 10 m pixels
Fields in 10 m pixelsPhotos dissolve into the index
Swath: Send us one field
Send us one fieldGlass form on an aerial photo

Colour & type

Palette — from the project file

  • Field ink#0F1410
  • Chalk#EEF0E9
  • Index lime#C8F04B
  • Canopy#3F8F45
  • Bare soil#C0703A

Typefaces

AaGeologicaHeadlines and text, one family in light to semibold
10:41Azeret MonoWeeks, times, map labels and numbers
Next case

Shigure

Shigure — Landing page for a small rainwear workshop in Kanazawa. One continuous shot: you scroll, and the camera walks up to the coat, around it, and into the three layers of its cloth.
Start a project

Let’s launch.

Send a short brief or a link to your current site. You’ll get a clear plan, timeline and quote — no sales call required.

  • Reply within one business day
  • Design, build and launch by one team
  • One week of post-launch support included

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw