handgeschriebenes "W" in Graustufen
angeschnittenes Modell des airQ Luftanalysators mit drumherum schwebenden kleinen Luftblasen in denen  die chemischen Zeichen der Messwerte eingetragen sind. Dahinter ein Farbverlauf von warmen Rottönen zu hellem blau

airQ

Der airQ ist ein intelligentes Luftanalysegerät, konzipiert für den Gebrauch in Wohn- und Geschäftsräumen. Für das Gerät wurde das Erscheinungsbild der mobile App und Desktopanwendung entwickelt, über die sich die Sensordaten verschieden auswerten lassen.

Intro

Corporate
App
Modell des airQ Luftanalysators mit drumherum schwebenden kleinen Luftblasen in denen  die chemischen Zeichen der Messwerte eingetragen sind.
App

Die mobile App gibt einen schnellen Überblick zu den aktuellen Messwerten der Geräte. Das Design vereint klare Hierarchien und Übersichtlichkeit mit der Schwerelosigkeit von Luft. Durch das intelligente UX/UI-Konzept kann schnell erfasst werden, welche Werte einen Grenzwert überschritten haben und welche Handlungsmöglichkeiten angebracht sind.

Mobile-Usage

Acht Ansichten der airQ mobile-App in denen die verschiedenen Übersichten zu den Geräten und aktuellen Messwerten dargestellt sind
Web-App

Die Desktop-App bietet einen detaillierteren Einblick in die Messwerte und stellt erweiterte Optionen für die Auswertung und den Vergleich von Messwerten zur Verfügung.

Desktop-Usage

Drei Ansichten der airQ Desktop-App. Erste Ansicht = Übersicht aller Geräte. Zweite Ansicht = Tabelle mit allen Messwerten. Dritte Ansicht = Diagramme mit den Messwerten im Vergleich
Icons

Für die Apps wurden individuelle Icon-Sets entwickelt (hier nur auszugsweise dargestellt). Sie vereinfachen die Navigation zwischen den jeweiligen Raumtypen und Messwerten und erzeugen ein konsistentes Gesamtbild mit der restlichen UI.

Sets

technische Übersicht der für die airQ-Apps gestalteten Iconsets
Styles

Für die Apps wurde eine Styleguide angelegt (hier nur auszugsweise dargestellt), die eine stetige Weiterentwicklung der Apps im Sinne des bestehenden Designs ermöglicht. Sie umfasst alle Grundlagen des Corporates, sowie die grundlegenden Komponenten und Module (Atomic Design).

Erweiterbarkeit

technische Übersicht der für die airQ-Apps entwickelten Stilelement (Raster, Abstände, Radien, Schattenlevel, Farben und Farbverläufe)