An app for monitoring metrics from an indoor air quality sensor.


2022

Roles:

UX Researcher
UX Designer
UI Designer
Brand Designer

Context:
Design a brand and app for people to monitor their indoor air quality, learn about IAQ, and shop for air-healthy products.

I was contracted by three founders with a passion for indoor air quality. They taught me about the dangers of scented candles, Volatile Organic Compounds (VOC's), and the dangerous health effects of poor indoor air quality. They brought experience across chemical engineering, hardware development, and marketing. My role was to develop the brand identity and app experience for the sensor.

Phase #1:
Brand Identity Development

To create an app we first needed to establish the design systems to be used across the app, website, and advertising materials. I developed the name for this brand, messaging, slogans, brand positioning, strategy, and visual identity guidelines. Our objective with this brand was to communicate fresh, clean and natural.

Phase #2:
App UX Research and UX Design

Upon completion of the brand systems, we began research and design for the app. To get a jumpstart we were able to review direct competitor apps. These competitors offered inspiration for UX journeys, although our app would include a lot of additional features. We then developed user personas based on our brand archetypes to establish shared empathy for our audience. By establishing key user objectives we were able to create user journey maps of the various features and functionalities needed. These were roughly visualized into wireframe sketches.

Competitor reviews indicated a lack of engagement with the apps — so we decided to incorporate a store for air-healthy products and an education center for learning more about indoor air health.

We learned from reviews on popular competitor apps that many people rarely engaged with their apps after purchasing and setting up the app. Most users were only opening the app when they had rare alerts for poor air quality situations (burnt dinner or VOC-heavy candles). We wanted to add unique features that would allow us to send non-intrusive notifications and improve value to our users.

User Persona

Based on our brand archetypes, we developed a persona of our prime user. This persona was used as a reference throughout design to establish deeper empathy with our users.

User Journey Map

A map of the users’ experience with the brand and app from initial awareness to long-term loyal relationship.

Phase #3:
UI Design

Upon finding clarity of the user journeys and general layouts from wireframe sketching — I designed final high-fidelity user interfaces using Figma.

Monitor multiple metrics from each sensor in your home

The dashboard was designed to make it easy to quickly view data collected from multiple sensors, with various metrics, and over various intervals of time — while offering a main navigation to quickly begin browsing products or articles.

Easy navigation to streamline access for shopping new products.

A navigation menu at the bottom of the home page makes it easy to drift into shopping for new products o improve revenue. This navigation menu also helps improve engagement by funneling users into the "Learn" section to read news and articles.

Improve engagement with indoor air quality push notifications

Robust features for sensitivity for notifications across various metrics put the user in control of their indoor air — and increase user engagement.

Key Learning

This project taught me the value of flexibility throughout the process. Design is not linear — it's a messy, creative journey. Moving lightly on your feet allows you to get to your destination sooner.

View Josh's featured project, a 5-star app for mailing friends.

Josh Graef

Product Designer

josh@cartworthy.co
Contact by snail mail 💌 🐌

Let's get acquainted.

Sent!
Oops! Something went wrong while submitting the form.