DSNT²: Eine Website, die man mit dem Scrollrad öffnet.

Neue Website für DSNT², ein Schweizer Start-up, das den Füllstand von Containern aus der Ferne misst. Auf der Startseite öffnet der Besucher den Sensor mit dem Scrollrad und versteht das Produkt in Sekunden.

ProjektDSNT² — dsnt.ch
RolleKonzept, Inhalt, Design, Umsetzung (Kundenprojekt)
Umfang15 Seiten · Französisch & Englisch
StatusBereit zur Lancierung · 09.2026
dsnt.ch
Die ganze Startseite in einer Minute: vom Problem über den geöffneten Sensor bis zur Anfrage.

Ausgangslage

DSNT² entwickelt einen Sensor, der den Füllstand von Containern misst, und eine App, die Sammeltouren nur dann auslöst, wenn sie nötig sind. Die bisherige Website war technisch veraltet, zeigte weder das inzwischen fertige Gehäuse noch die App, und neue Inhalte lagen nur als Entwurf vor.

Die Aufgabe: ein technisches Produkt in wenigen Sekunden verständlich machen, für Gemeinden wie für Unternehmen, und sich von etablierten Mitbewerbern abheben, die mit Kundenlogos und Kennzahlen werben, die ein Start-up in der Pilotphase noch nicht hat.

Die Lösung

Eine Startseite, die eine Geschichte erzählt. Sieben Szenen führen vom Problem (die Tour nach Kalender fährt jeden Punkt an, voll oder nicht) über die Idee (nur die Container, die es brauchen) bis zum Produkt, zur App und zur Anfrage für die Pilotphase.

Das Produkt zum Anfassen. Beim Scrollen öffnet sich der Sensor: Deckel, Dichtung und Bauteile lösen sich, werden beschriftet und schliessen sich wieder. Dafür haben wir die Produkt-Renderings freigestellt, in einzelne Ebenen zerlegt und fremde Markenzeichen entfernt.

Echte Bildschirme statt Mockups. Die App wird mit echten Screenshots gezeigt. Illustrationen mit Zahlen sind als fiktiv gekennzeichnet: Ein Start-up gewinnt Vertrauen mit Ehrlichkeit, nicht mit erfundenen Resultaten.

15 Seiten, zweisprachig. Produkt, App, Sicherheit, Preise, FAQ, Über uns, Kontakt und eine eigene Seite pro Branche. Alte Adressen werden auf die neuen Seiten weitergeleitet, damit bestehende Google-Einträge erhalten bleiben.

dsnt.ch
Das Problem: Die Tour nach Kalender fährt jeden Punkt an, voll oder nicht.
Das Problem: Die Tour nach Kalender fährt jeden Punkt an, voll oder nicht.
dsnt.ch
Der Höhepunkt: Beim Scrollen öffnet sich der Sensor, die Bauteile werden beschriftet.
Der Höhepunkt: Beim Scrollen öffnet sich der Sensor, die Bauteile werden beschriftet.
dsnt.ch
Die App mit echten Screenshots, die beim Scrollen seitlich vorbeiziehen.
Die App mit echten Screenshots, die beim Scrollen seitlich vorbeiziehen.
dsnt.ch
Die Branchen: echte Einsatzorte, jede mit eigener Seite.
Die Branchen: echte Einsatzorte, jede mit eigener Seite.
Für das Smartphone eigens gestaltet, nicht einfach verkleinert.
Der Höhepunkt: Beim Scrollen öffnet sich der Sensor, die Bauteile werden beschriftet.
Für das Smartphone eigens gestaltet, nicht einfach verkleinert.
Resultat

Ein technisches Produkt, in Sekunden verstanden.

15
Seiten, auf Französisch und Englisch
7
Szenen erzählen die Startseite
≈ 180 KB
Code beim ersten Laden (komprimiert)
4,5:1
Mindestkontrast, an jeder Scroll-Position geprüft

Das Produkt zum Anfassen

Freigestellte Renderings, in Ebenen zerlegt: Der Sensor öffnet sich beim Scrollen und schliesst sich wieder.

Zweisprachig, ohne Verlust

Französisch und Englisch auf allen Seiten, alte Adressen sauber weitergeleitet.

Schnell und datensparsam

WebP-Bilder, Schriften auf dem eigenen Server, keine Anfragen an Drittanbieter.

dsnt.ch
Vorher: die alte Startseite.
Vorher: die alte Startseite.
dsnt.ch
Nachher: der neue Einstieg.
Nachher: der neue Einstieg.

Was dieses Projekt für Sie bedeutet

Nicht jede Website braucht einen Sensor, der sich öffnet. Aber jede braucht eine klare Geschichte: Was ist das Problem, was ändert sich, warum Sie. Bei DSNT² haben wir diese Geschichte aus vorhandenen Entwürfen, Produktbildern und App-Screens gebaut und so inszeniert, dass man sie beim Scrollen erlebt.

Dasselbe Vorgehen bekommen Sie für Ihre Firma: Inhalte ordnen, Bilder aufbereiten, schnell und sauber umsetzen, auf Deutsch, Französisch, Italienisch oder Englisch.

Ihr Projekt verdient denselben Standard.

Erzählen Sie uns im Erstgespräch davon — wir zeigen Ihnen, wie wir es anpacken würden.