Plantobelly

Wie ein veraltetes Perl-System zu einem Premium-Dashboard wurde, das über 250 Städte überzeugt

Plantobelly — Desktop
Plantobelly — Mobile
KundePlantobelly GmbH
BrancheIoT / Smart City / Stadtbegrünung
Zeitraum4 Monate
Tech Stack
ReactTypeScriptMapboxREST APIChart.jsTailwind CSS
Die Ausgangslage

Die Herausforderung

Plantobelly entwickelt IoT-Sensoren, die Bodenfeuchtigkeit von Stadtbäumen messen — genutzt von über 250 Städten und Gemeinden in Deutschland. Das Problem: Das bestehende System basierte auf einem alten Perl-Backend mit einem statischen Frontend, in dem Nutzer die Sensorwerte kaum vernünftig ablesen konnten. Plantobelly brauchte ein modernes Dashboard, das die Komplexität der Daten verständlich macht und das Produkt auf Premium-Niveau hebt.

  1. 01Veraltetes Perl-Backend mit statischem Frontend — Nutzer konnten Sensorwerte nur schlecht ablesen
  2. 02Keine Möglichkeit, Bewässerungsdaten zu erfassen und mit Sensorwerten zu verknüpfen
  3. 03Kein Rollen- und Rechte-System für verschiedene Städte und Teams
  4. 04Admins konnten bei Service-Fällen betroffene Sensoren nicht schnell finden
  5. 05Kein responsives Design — auf mobilen Geräten kaum nutzbar
Altes System
Altes System
Neues Dashboard
Neues Dashboard
Die Lösung

Die Lösung

Modernes React-Dashboard komplett neu entwickelt — erst als MVP, um die Vision greifbar zu machen, dann zum vollen Produkt ausgebaut

Echtzeit-Sensordatenvisualisierung mit interaktiven Graphen: Feuchtigkeit, Niederschlag und Schwellenwerte auf einen Blick

Bewässerungstracking: Nutzer können Bewässerungen eintragen, die direkt im Graphen neben den Sensordaten angezeigt werden

Interaktive Kartenansicht mit Live-Standorten und Status aller Sensoren

Rollen- und Rechte-System mit Admin-Impersonierung — Admins können als jeden Nutzer agieren

Intelligentes Alert-System: Schnelle Suche bei Service-Fällen, konfigurierbare Schwellenwerte

Komplett responsive — optimiert für Desktop und Mobile

Neues Dashboard mit Sidebar, Status-Karten und interaktivem Chart

Modernes Dashboard — Status-Karten, interaktiver Chart, Sensor-Tabelle und Kartenansicht

Interaktive Kartenansicht mit Sensorstandorten in Lübeck

Kartenansicht im Dark Mode — Sensorstandorte mit Live-Status und Routenplanung

Detaillierte Auswertung mit Feuchtigkeit-Chart und Schwellenwerten

Auswertung — Feuchtigkeit, Schwellenwerte und Wasserzufuhr im Zeitverlauf

Mobile Sensordetail-Ansicht mit Feuchtigkeitswerten

Mobile Sensor-Detailansicht mit Bewässerungs-Tabs und Kartenansicht

Altes System — statische Oberfläche

Das alte System — statische Oberfläche, keine Interaktivität

Die Ergebnisse

Die Ergebnisse

01

Von einem kaum nutzbaren System zu einem Premium-Dashboard, das Kunden allein durch das Aussehen überzeugt

02

Bewässerungsdaten + Sensorik-Kombination schafft echten Mehrwert: Städte können ihre Bewässerung datenbasiert optimieren

03

Über 250 Städte und Gemeinden nutzen das System mit ca. 2.000 Sensoren und 100 aktiven Nutzern — das Dashboard ist das Herzstück des Produkts

04

Admins finden betroffene Sensoren in Sekunden statt Minuten

05

Der Kunde hat einen LinkedIn-Post über das neue Dashboard verfasst — die Begeisterung spricht für sich

Vom Kunden geteilt

Plantobelly auf LinkedIn

Plantobelly auf LinkedIn

Bastian Klemke teilt das neue Dashboard öffentlich auf LinkedIn — die Begeisterung spricht für sich.

Kundenstimme
Das Dashboard, das Philipp für uns entwickelt hat, ist genau das, was wir gebraucht haben. Komplexe Daten, einfach dargestellt. Unsere Nutzer lieben es.
Bastian KlemkeGründer & Geschäftsführer, Plantobelly GmbH