Produktwebsite mit Rechnern

agrotop

Website für einen Hersteller von Düsen und Filtern für Landmaschinen, mit interaktiven Düsenrechnern für Landwirt:innen.

Zur Live-WebsiteDie Website kann sich seit Projektabschluss verändert haben.

Herausforderungen

Was schwierig war und wie ich es gelöst habe

Düsenrechner, die in der Praxis funktionieren
Herausforderung
Welche Düse passt, hängt von Wasseraufwand, Düsenanzahl, Reihenabstand und Fahrgeschwindigkeit ab. Die zugrunde liegenden Tabellen sind dicht und leicht falsch zu lesen.
Lösung
Jeder Rechner macht aus diesen vier Werten Schieberegler und Zahlenfelder und hebt die passenden Düsen in einer farbcodierten Übersicht hervor, mit denselben ISO-Farbcodes, die auf den Düsen aufgedruckt sind.
Komplexe Komponenten in Inhaltsseiten
Herausforderung
Rechner, Slider und ungewöhnliche Layouts mussten in normalen Inhaltsseiten stehen und auf jeder Bildschirmgröße korrekt funktionieren.
Lösung
Ich habe sie als eigenständige React-Komponenten mit eigenem Zustand gebaut. So lassen sie sich in jedes Seitenlayout setzen, ohne vom umgebenden Inhalt abzuhängen.
Schnell und gut auffindbar
Herausforderung
Eine Produktwebsite lebt von Suchmaschinen, und viele Besucher:innen kommen über das Smartphone.
Lösung
Die Website läuft mit Next.js, serverseitigem Rendering und statischer Generierung. Seiten kommen als fertiges HTML an, das Suchmaschinen indexieren und Browser schnell anzeigen können.