DSNT²: A website you open with your scroll wheel.

A new website for DSNT², a Swiss start-up that measures container fill levels remotely. On the home page, visitors open the sensor with their scroll wheel and understand the product in seconds.

ProjectDSNT² — dsnt.ch
RoleConcept, content, design, build (client project)
Scope15 pages · French & English
StatusReady to launch · 09.2026
dsnt.ch
The whole home page in one minute: from the problem, through the opened sensor, to the demo request.

The challenge

DSNT² builds a sensor that measures how full a container is, and an app that only sends a collection round when one is needed. The old website was technically outdated: it showed neither the now finished enclosure nor the app, and the new content existed only as a draft.

The brief: make a technical product clear in seconds, for municipalities and businesses alike, and stand apart from established competitors who lean on client logos and figures that a start-up in its pilot phase does not have yet.

The solution

A home page that tells a story. Seven scenes lead from the problem (the calendar round stops everywhere, full or not) to the idea (only the containers that need it), then to the product, the app and a demo request for the pilot phase.

The product, hands-on. As you scroll, the sensor opens: lid, seal and components come apart, get labelled, then close again. We cut out the product renders, split them into separate layers and removed third-party brand markings.

Real screens, not mock-ups. The app is shown with real screenshots. Illustrations with numbers are marked as fictional: a start-up earns trust with honesty, not with invented results.

15 pages in two languages. Product, app, security, pricing, FAQ, about, contact and one page per sector. Old addresses redirect to the new pages so existing search rankings are kept.

dsnt.ch
The problem: the calendar round stops everywhere, full or not.
The problem: the calendar round stops everywhere, full or not.
dsnt.ch
The peak: as you scroll, the sensor opens and its components are labelled.
The peak: as you scroll, the sensor opens and its components are labelled.
dsnt.ch
The app, with real screenshots that slide past as you scroll.
The app, with real screenshots that slide past as you scroll.
dsnt.ch
The sectors: real places, each with its own page.
The sectors: real places, each with its own page.
Designed for phones, not just shrunk down.
The peak: as you scroll, the sensor opens and its components are labelled.
Designed for phones, not just shrunk down.
Result

A technical product, understood in seconds.

15
pages, in French and English
7
scenes tell the home page story
≈ 180 KB
of code on first load (compressed)
4.5:1
minimum contrast, checked at every scroll position

The product, hands-on

Cut-out renders split into layers: the sensor opens as you scroll and closes again.

Bilingual, nothing lost

French and English on every page, old addresses cleanly redirected.

Fast and privacy-friendly

WebP images, fonts hosted with the site, no requests to third-party services.

dsnt.ch
Before: the old home page.
Before: the old home page.
dsnt.ch
After: the new opening scene.
After: the new opening scene.

What this project means for you

Not every website needs a sensor that opens. But every website needs a clear story: what the problem is, what changes, why you. For DSNT², we built that story from existing drafts, product renders and app screens, and staged it so visitors experience it as they scroll.

You get the same approach for your company: content put in order, visuals prepared, a fast and clean build, in German, French, Italian or English.

Your project deserves the same standard.

Tell us about it in the intro call — we'll show you how we would tackle it.