ZigHaven

Überblick

ZigHaven ist eine im App Store verfügbare iOS-App als natives Frontend für Zigbee2MQTT Smart-Home-Systeme. Ich habe das gesamte Produkt gestaltet und entwickelt — vom UX-Konzept bis zur iOS-Veröffentlichung und dem serverseitigen Backend-Deployment.

Die App bietet Nutzer:innen ein natives iOS-Erlebnis zur Steuerung ihrer Zigbee-Smart-Home-Geräte — inklusive Echtzeit-Überwachung, Geräteplanung und Stromverbrauchstracking.

Die Herausforderung

Bestehende Smart-Home-Interfaces für Zigbee2MQTT sind hauptsächlich webbasierte Dashboards, denen die Qualität und Bedienfreundlichkeit einer nativen mobilen App fehlt. Zentrale Herausforderungen waren:

• Verwaltung der MQTT-Verbindungszuverlässigkeit über Netzwerkwechsel hinweg (WLAN zu Mobilfunk und zurück)
• Synchronisation des Gerätezustands über mehrere iOS-Geräte via MQTT-Messaging
• Ermöglichung von Deployment und Konfiguration eines Linux-basierten Monitoring-Backends direkt aus dem iOS-Interface
• Echtzeit-Gerätesteuerung mit korrekter Zustandsabstimmung
• Ausbalancieren von lokalem Caching mit Echtzeit-Updates für ein reaktionsschnelles Nutzererlebnis

Der Prozess

Als alleiniger Designer und Entwickler verantwortete ich das gesamte Produkt:

• Research & Analyse: Untersuchung bestehender Zigbee2MQTT-Interfaces und Smart-Home-Apps zur Identifikation von UX-Lücken und Nutzer-Schmerzpunkten
• Informationsarchitektur: Entwurf eines raumbasierten Geräteorganisationsmodells mit intuitiver Gruppierung und schnellen Zugriffspfaden
• Interaction Design: Entwicklung kartenbasierter Gerätesteuerungen mit Echtzeit-Statusfeedback und Planungsoberflächen
• Visuelles Design: Gestaltung einer klaren, modernen Oberfläche mit KI-generierten Raumhintergründen via Apple Intelligence
• Entwicklung: Implementierung der vollständigen iOS-App, MQTT-Integrationsschicht und des Vapor-basierten Backends
• Barrierefreiheit: Sicherstellung vollständiger VoiceOver-Unterstützung in der gesamten App

Die Lösung

Zentrale Features, die ich gestaltet und entwickelt habe:

• Raumbasierte Geräteorganisation: Kartenbasierte Anzeige mit Gerätegruppierung nach Raum und Echtzeit-Statusindikatoren
• Echtzeit-Steuerung: Sofortige Geräteüberwachung und -Steuerung via MQTT mit korrekter Zustandsabstimmung über Netzwerkwechsel hinweg
• Wöchentlicher Zeitplan-Editor: Visuelle Planungsoberfläche zur Automatisierung des Geräteverhaltens über die Woche
• Urlaubsmodus: Temperaturstrategien mit konfigurierbaren Zeitplänen für Abwesenheitszeiten
• Stromverbrauchs-Dashboard: Visualisierung des Energieverbrauchs mit Charts und historischen Daten, betrieben durch ein selbst-deploybares Backend
• KI-generierte Raumhintergründe: Nutzung von Apple Intelligence zur Erstellung kontextueller Raumbilder
• KI-gestützte Sensorerkennung: Automatische Identifikation von Kontaktsensor-Typen für vereinfachte Einrichtung
• Server-Deployment-Assistent: In-App-Einrichtung des Vapor-basierten Linux-Backends via Docker, verwaltet über SSH

Ergebnisse & Wirkung

• Erfolgreicher Launch im App Store
• Bietet eine native iOS-Alternative in einem von webbasierten Dashboards dominierten Bereich
• Vollständige VoiceOver-Barrierefreiheit macht die App für sehbeeinträchtigte Nutzer:innen zugänglich
• Der Server-Deployment-Assistent beseitigt die technische Hürde der Backend-Einrichtung und macht fortgeschrittene Features für nicht-technische Nutzer:innen zugänglich
• End-to-End-Verantwortung über Design, iOS-Entwicklung und Server-Infrastruktur