Mobile App
Energie
Designsystem

Chilicon Power · Case Study

Vom Ingenieurs-Dashboard zur Antwort in einer Sekunde.

Monitoring für Solaranlagen mit Mikrowechselrichtern. 2021 habe ich die erste mobile App für ein datenlastiges Engineering-Dashboard gestaltet; 2026 habe ich sie für Hausbesitzer und Installateure rund um eine einzige Frage neu gestaltet – ist meine Anlage in Ordnung? – und mit KI als funktionierenden Prototyp gebaut.

Rolle: UX/UI Designer
Zeitraum: 2021 · überarbeitet 2026
Unternehmen: Chilicon Power
Standort: Kalifornien, USA
Team: Einziger UX/UI-Designer in einem Team von 6: 1 Frontend- und 2 Backend-Entwickler, 1 QA, 1 PM

Ergebnisse

UX-Audit
User Flows
Alarmmodell
Mobiler Prototyp
Designsystem

Live-Demo Designsystem

Startseite: alle 24 Module liefern Strom, ein live gezeichneter Energiefluss als Haus und die Zahlen von heute — Hausbesitzer: zuerst die Antwort

Moduldetail: Modul 7 liefert 40 % weniger, mit der wahrscheinlichen Ursache und dem nächsten Schritt — Ein Problem, mit Ursache

Anlagenliste des Installateurs: eine offline, zwei mit Problemen, siebzehn in Ordnung — Installateur: Probleme zuerst

bis klar ist, dass die Anlage in Ordnung ist: die Statuskarte steht ganz oben: 1 s
Rollen in einer App, ein Datenmodell: 2
Codes, die beim Einrichten getippt werden müssen: einfach das Gateway scannen: 0
Kontrast in Hell und Dunkel, 0 axe-Verstöße: AA

Überblick

Die Daten sagten Ingenieuren alles. Hausbesitzern sagten sie nichts.

Chilicon Power, 2009 in Südkalifornien gegründet und seit 2021 Teil von Generac, baut Mikrowechselrichter: kleine Geräte hinter den Solarmodulen. Der CP-720 versorgt zwei Module gleichzeitig, sodass ein Dach den Ertrag für jedes Paar meldet und nicht nur eine Gesamtsumme. So lässt sich ein einzelnes defektes Modul auf einem Dach mit vierundzwanzig erkennen.

All das steckte in einem Desktop-Dashboard für Ingenieure: Messuhren, Heatmaps, Liniendiagramme pro Gerät. Die Garantie hängt davon ab, dass die Anlage verbunden bleibt, doch Besitzer hatten keinen Grund, ein Werkzeug zu öffnen, das ihre Frage nie beantwortete.

2021 war ich der einzige UX/UI-Designer in einem sechsköpfigen Team, das das Monitoring erstmals aufs Handy brachte. 2026 habe ich diese App auditiert, um eine einzige Frage herum neu gestaltet – ist meine Anlage in Ordnung? – und mit KI als funktionierenden Prototyp für Hausbesitzer und Installateure gebaut.

Zwei Menschen schauen aus unterschiedlichen Gründen auf dasselbe Dach.

Hausbesitzer
Schaut höchstens einmal täglich nach, öfter direkt nach der Installation oder wenn die Rechnung kommt. Weiß nicht, was ein Mikrowechselrichter ist.
Die Beruhigung, dass alles läuft, den Beleg, was die Anlage spart, und einen Hinweis nur dann, wenn etwas zu tun ist.
Installateur
Betreut Dutzende Anlagen, oft unterwegs. Nimmt neue Anlagen in Betrieb und steht dabei mit dem Handy in der Einfahrt.
Probleme zuerst, nach Dringlichkeit sortiert, mit genug Details, um sie aus der Ferne zu beheben, bevor ein Wagen ausrückt.

Research

Unsere App von 2021 hat das Dashboard aufs Handy gebracht. Die Frage hat sie nie beantwortet.

Ich bin zu unseren Screens von 2021 und dem Desktop-Dashboard, aus dem sie stammen, zurückgekehrt und habe sie daran gemessen, was ein Besitzer und ein Installateur tatsächlich wissen müssen.

01Keine Antwort auf „Läuft sie?“
02Live und veraltet sahen gleich aus
03Der Fluss hatte keine Richtung
04Daten pro Modul blieben auf dem Desktop
05Einrichten hieß Codes abtippen
06Diagramme, die in die Irre führten

Define

Erst die Antwort, Details auf Wunsch.

Jeder Screen beginnt mit einem Satz, dann kommen Zahlen, dann Diagramme. Die Startseite sagt „Alle 24 Module liefern Strom · Aktualisiert vor 2 Min.“, bevor irgendetwas anderes kommt. Die Dachkarte zeigt, welches Paar schwächelt, ohne dass man ein Diagramm lesen muss, und das Detail eines Moduls nennt die wahrscheinliche Ursache und den nächsten Schritt.

Startseite mit der Statuskarte zuerst und dem Energiefluss darunter — Erst ein Satz, dann Zahlen

Dachkarte: Module nach Ertrag eingefärbt, Modul 7 heller mit Warnzeichen — Das Dach als Gesundheitsansicht

Detail von Modul 7 mit Ursachenkarte: Mikrowechselrichter meldet sich nicht — Ursache und nächster Schritt

Ich habe den Störfall gezeichnet, bevor ich die Screens gestaltet habe.

Ein schwaches Modul betrifft beide Rollen. Der Flow zeigt die drei wahrscheinlichen Ursachen, wann ein Besitzer informiert wird und wo der Installateur übernimmt – auch bei Besitzern ohne verknüpften Installateur.

Flow: Eine Push-Nachricht meldet, dass Modul 7 40 % weniger als seine Nachbarn liefert; der Besitzer öffnet das Moduldetail; wahrscheinliche Ursache ist Schatten oder Schmutz (Tipps und eine Erinnerung in 3 Tagen), Wetter (ganze Anlage niedrig, keine Aktion, erledigt) oder das Gerät (Mikrowechselrichter meldet sich nicht). Beim Gerät kontaktiert der Besitzer den verknüpften Installateur mit einem Bericht, andernfalls sucht er einen zertifizierten Installateur in der Nähe. Der Installateur sieht den Alarm und die technische Ansicht und startet das Gerät neu oder kommt vorbei. Ist der Ertrag wieder normal, wird der Fall mit einer Notiz abgeschlossen und der Besitzer sieht alle Module in Ordnung; andernfalls geht es zurück zum Installateur. — Das Szenario, das sich im Prototyp von Anfang bis Ende durchklicken lässt: Modul 7 bricht ein, der Besitzer meldet es, der Installateur startet den Mikrowechselrichter aus der Ferne neu und schließt den Fall ab, der Besitzer sieht wieder alle Module in Ordnung. Seitlich scrollen oder in voller Größe öffnen.

Nur warnen, wenn es etwas zu tun gibt.

Ein bewölkter Tag ist kein Alarm. Ein verstummter Mikrowechselrichter schon. Ich habe festgehalten, wie jede Situation in den Daten aussieht und was jede Rolle sehen soll, damit die App nie falschen Alarm schlägt.

01 · Nacht
In den Daten
Kein Ertrag, die Sonne ist weg
App von 2021
Zahlen fallen auf null, ohne Grund
Was der Besitzer sieht
„Nacht. Die Module starten gegen 6:12 Uhr“
Installateur
Nichts
Push-Benachrichtigung
Nein
02 · Bewölkter Tag
In den Daten
Alle Module gleich niedrig
App von 2021
Sieht nach einer Störung aus
Was der Besitzer sieht
„Bewölkter Tag. Nichts zu beheben“
Installateur
Nichts
Push-Benachrichtigung
Nein
03 · Schatten oder Schmutz
In den Daten
Ein Modul niedrig, meist nachmittags
App von 2021
Wochenlang unbemerkt
Was der Besitzer sieht
Wahrscheinlich Schatten oder Schmutz, 3 Schritte, Erinnerung
Installateur
Alarm mit der wahrscheinlichen Ursache
Push-Benachrichtigung
Ja, einmalig
04 · Verstummter Mikrowechselrichter
In den Daten
Ein Gerät fällt aus
App von 2021
Nur auf dem Desktop sichtbar
Was der Besitzer sieht
Meldet sich nicht, Installateur kontaktieren
Installateur
Alarm, markiert, wenn der Besitzer ihn gemeldet hat; Neustart aus der Ferne
Push-Benachrichtigung
Ja
05 · Gateway offline
In den Daten
Gar keine Daten
App von 2021
Veraltete Zahlen, kein Zeitstempel
Was der Besitzer sieht
Was zu prüfen ist: Strom, WLAN, erneut versuchen
Installateur
Offline-Anlage ganz oben; Vor-Ort-Termin
Push-Benachrichtigung
Ja, nach einer Stunde

	Nacht	Bewölkter Tag	Schatten oder Schmutz	Verstummter Mikrowechselrichter	Gateway offline
In den Daten	Kein Ertrag, die Sonne ist weg	Alle Module gleich niedrig	Ein Modul niedrig, meist nachmittags	Ein Gerät fällt aus	Gar keine Daten
App von 2021	Zahlen fallen auf null, ohne Grund	Sieht nach einer Störung aus	Wochenlang unbemerkt	Nur auf dem Desktop sichtbar	Veraltete Zahlen, kein Zeitstempel
Was der Besitzer sieht	„Nacht. Die Module starten gegen 6:12 Uhr“	„Bewölkter Tag. Nichts zu beheben“	Wahrscheinlich Schatten oder Schmutz, 3 Schritte, Erinnerung	Meldet sich nicht, Installateur kontaktieren	Was zu prüfen ist: Strom, WLAN, erneut versuchen
Installateur	Nichts	Nichts	Alarm mit der wahrscheinlichen Ursache	Alarm, markiert, wenn der Besitzer ihn gemeldet hat; Neustart aus der Ferne	Offline-Anlage ganz oben; Vor-Ort-Termin
Push-Benachrichtigung	Nein	Nein	Ja, einmalig	Ja	Ja, nach einer Stunde

Vorher und nachher

Jede Erkenntnis, neben dem, was sie ersetzt hat.

Erkenntnis 01

Die Startseite zeigte Zahlen, nie eine Antwort

Eine Statuskarte steht zuerst, mit der Aktualität der Daten. Der Energiefluss wurde zu einem Haus mit Wert und Richtung an jeder Linie: „Einspeisung 1,6 kW“, Batterie „Lädt“.

Unsere Startseite von 2021 mit markierter Hausbeschriftung, Netzknoten und Diagramm — ① „0,5 Kw“: winzig, falsche Einheit, kein Status ② Netz ohne Wert oder Richtung ③ keine Angabe zur Aktualisierung

Die Startseite 2026: Statuskarte, Energiefluss als Haus, Zahlen von heute — Erst die Antwort, dann der Fluss

Die Startseite 2026, wenn Modul 7 40 % weniger liefert — Dieselbe Karte bei einem schwachen Modul

Erkenntnis 02

Diagramme sahen richtig aus und waren es nicht

Energiesummen sind Balken in kWh, Leistung ist eine Kurve in kW, nie vermischt. Der laufende Zeitraum ist schraffiert, und ein Tipp auf einen Balken öffnet die genauen Werte samt Wetter des Tages.

Unsere Monatsansicht von 2021 mit markiertem Monats-Tab, Achse und Liniendiagramm — ① „Monat“ ausgewählt ② die Achse zeigt eine Woche ③ Energiesummen als Linie gezeichnet

Die Monatsansicht 2026 mit Tagesbalken, erzeugt und verbraucht — Ein echter Monat, in Balken

Das Balkendetail 2026 mit erzeugt, verbraucht, eingespeist und gespart — Tipp auf einen Balken für exakte Werte

Erkenntnis 03

Einrichten hieß Codes abtippen

Den QR-Code am Gateway scannen; die manuelle Eingabe ist der Ausweg, mit gezeichnetem Aufkleber und hervorgehobener Zeile, die gerade getippt wird. Eine Adresssuche ersetzt vier Auswahlfelder.

Unser Formular für eine neue Installation von 2021 mit markierten Standortauswahlen, Gateway-Codes und grauem Button — ① vier Standortauswahlen ② Gateway-ID und Code von Hand getippt ③ ein grauer Hauptbutton, der deaktiviert wirkt

Der Gateway-Scan 2026 mit Kamerasucher — Das Gateway scannen

Die manuelle Eingabe 2026 mit Aufkleber und hervorgehobener Codezeile — Ausweg: vom Aufkleber abtippen

Erkenntnis 04

Die Registrierung versteckte, was zählte

Echte Beschriftungen, Passwortregeln, die beim Tippen abgehakt werden, und die Rolle als erste echte Entscheidung, weil sie die ganze App bestimmt.

Unser Registrierungsformular von 2021 mit markierten Feldern, Rollen-Checkboxen und Registrieren-Button — ① „Platzhalter“ statt eines Hinweises ② die Rolle als kleine Checkboxen ganz unten ③ ein grauer Registrieren-Button

Die Rollenwahl 2026: Hausbesitzer oder Installateur — Die Rolle, zuerst und klar

Zentrale Flows

Zwei Rollen und eine Einrichtung, von Anfang bis Ende durchgeklickt.

Hausbesitzer

Nachsehen, verstehen, handeln

Die Startseite antwortet in einer Sekunde; Energie erklärt jeden Tag, jede Woche, jeden Monat und jedes Jahr; Module zeigt das Dach. Die Ersparnis nutzt den eigenen Tarif und die eigene Einspeisevergütung des Besitzers und fragt danach nur dort, wo die Zahl sie braucht.

User Flow ansehen: Hausbesitzer

Energie pro Stunde mit Balken für erzeugt und verbraucht — Energie, stundenweise

Startseite nach der Lösung: alle 24 Module liefern Strom — Behoben, und das wird gesagt

Installateur

Erst die Flotte, Fehler aus der Ferne beheben

Anlagen nach Status sortiert, Alarme über die ganze Flotte und eine technische Ansicht pro Anlage. Ein Gerät neu starten oder die Firmware aktualisieren, direkt vom Handy; einen Vor-Ort-Termin planen, wenn das Gateway offline ist; mit einer Notiz abschließen, die der Besitzer liest.

User Flow ansehen: Installateur

Alarme über die Flotte mit einer Besitzermeldung ganz oben — Besitzermeldungen kommen markiert an

Technische Ansicht: Firmware-Update und Mikrowechselrichter, der schwache zuerst — Jeder Mikrowechselrichter

Ein Mikrowechselrichter wird aus der Ferne neu gestartet, mit Fortschritt — Neustart, ohne Anfahrt

Einrichtung

Vom Karton bis zu den ersten Zahlen

Registrieren, Rolle wählen, Gateway scannen, Adresse und Größe bestätigen, verbinden. Ist das Gateway nicht erreichbar, listet die App auf, was zu prüfen ist, statt zu scheitern. Eingeladene Besitzer überspringen alles davon.

User Flow ansehen: Einrichtung

Willkommen: jedes Modul sehen, jeden Tag — Willkommen

Verbindung fehlgeschlagen, mit drei Dingen zum Prüfen und „Erneut versuchen“ — Offline: was zu prüfen ist

Einladung vom Installateur mit den Anlagendetails — Oder einfach die Einladung annehmen

Schwierige Zustände

Meistens lautet die richtige Antwort: „Nichts zu tun“.

Startseite bei Nacht: Die Module starten gegen 6:12 Uhr, Betrieb mit Batterie — Nacht, mit Batterie

Startseite an einem bewölkten Tag: niedriger Ertrag, nichts zu beheben — Bewölkt: kein Alarm

Startseite mit Gateway offline seit 9:14 Uhr — Offline: seit wann, was zu prüfen ist

Startseite direkt nach der Einrichtung, wartet auf die ersten Daten — Die ersten Daten sind unterwegs

Designsystem

Ein System aus dem Logo entwickelt, in Hell und Dunkel.

Das Sonnenorange des Logos steht für die Marke und die Solarenergie; sein Blattgrün bedeutet „alles gut“. Batterie ist blau und das Netz violett, und diese vier Energiefarben tauschen nie ihre Bedeutung. SF Pro, iOS-Large-Titles, die einklappen, eine schwebende Tab-Leiste. Die Tokens liegen in einer Datei und steuern die App und Storybook, wo jede Komponente und jeder echte Screen dokumentiert ist.

•Einheiten sind heilig: kW für Leistung, kWh für Energie, nie vermischt
•Status ist immer Icon und Worte, nie nur Farbe
•Das dunkle Theme ist fast schwarz und neutral; Farbe kommt nur von Energie und Status
•Jede Zahl ist tabellarisch gesetzt; Touch-Ziele sind 44 Punkte groß

Das Chilicon-Power-Logo: eine Sonne über einem Blatt. Seine zwei Farben wurden zu den beiden Ankern der Palette, und das Zeichen wurde zum App-Icon, auf Weiß und auf fast Schwarz für den Dunkelmodus von iOS.

Sonne#FBAB16· aus dem LogoMarke und Solarenergie: Hauptbuttons, Ertragsbalken, der Fluss vom Dach
Blatt#00AA79· aus dem LogoStatus in Ordnung: „Alle 24 Module liefern Strom“
Batterie#1E7FC2Laden und Entladen der Batterie. Blau, damit es nie wie das grüne „In Ordnung“ wirkt
Netz#6B6FD6Netzbezug und Einspeisung

Startseite im dunklen Theme — Startseite, dunkel

Dachkarte im dunklen Theme — Module, dunkel

Anlagen des Installateurs im dunklen Theme — Anlagen, dunkel

Gerätneustart im dunklen Theme — Neustart, dunkel

Designsystem öffnen

Ergebnis

Was es heute gibt.

Rollen, verbunden in einem durchklickbaren Szenario vom Fehler bis zur Lösung

Screens, von der Registrierung bis zum Neustart aus der Ferne, in Hell und Dunkel

Komponenten in Storybook dokumentiert, dazu jeder echte Screen

per Link erreichbare Szenarien: Nacht, offline, keine Batterie, kein Tarif und mehr

102

automatisierte Prüfungen jedes Szenarios auf jedem Screen, 0 Probleme

WCAG-2.1-AA-Verstöße (axe) in 28 Screen-Prüfungen

Woran wir erkennen, dass es funktioniert

Ziele, die wir zum Launch mit dem Team festlegen würden, keine Ergebnisse.

Besitzer, die die Einrichtung ohne Support abschließen
QR-Scan und ein klarer Offline-Weg sollten die meisten Support-Anrufe bei der Einrichtung überflüssig machen
80 %80 %
Zeit von einem Modulfehler bis zur Aktion von Besitzer oder Installateur
Heute kann ein schwaches Modul wochenlang unbemerkt bleiben
Unter 24 StundenUnter 24 Stunden
Support-Anfragen pro 100 Anlagen
Einrichtung und „Ist das normal?“ sind die üblichen Fragen
−30 %−30 %
Vom Installateur aus der Ferne gelöste Probleme
Neustart und Firmware vom Handy ersparen eine Anfahrt
1 von 21 von 2
Besitzer, die mindestens wöchentlich nachsehen
Eine gesunde App wird geprüft, nicht angestarrt, und das Monitoring erhält die Garantie
60 %60 %

Wichtigste Erkenntnisse

Drei Dinge, die mir dieses Projekt beigebracht hat.

01
Eine Antwort schlägt eine Messuhr
Die Daten waren immer da. Ein Satz darüber, „Alle 24 Module liefern Strom, aktualisiert vor 2 Min.“, hat mehr bewirkt als jedes Diagramm.
02
Stille ist ein Feature
Aufzuschreiben, wann nicht gewarnt wird, bei Nacht und Wolken, war ebenso wichtig wie die Alarme selbst. Vertrauen entsteht, wenn man nicht falschen Alarm schlägt.
03
Ein Modell, zwei Blickwinkel
Besitzer und Installateure sehen dasselbe Dach. Besitzer bekommen Bedeutung, Installateure die Mechanik, und eine Meldung des einen landet markiert im Feed des anderen.

Probieren Sie es selbst aus

Wechseln Sie im Live-Prototyp zwischen Hausbesitzer und Installateur, probieren Sie jedes Szenario aus oder lesen Sie das Designsystem.

Live-Demo Designsystem

← Zurück zu den Case Studies