Molekule Case Study 1

 
 

About the Project

Molekule is on a mission to eliminate indoor air pollution for everyone and in every home. Today, Molekule is the first air purifier that doesn’t simply capture pollutants, it eliminates them. It is the only air purifier that breaks down pollutants into their harmless, elemental components. Our goal was to leverage Molekule’s highly scientific hardware, and to create an engaging, consumer-friendly application. We wanted the users to know that Molekule was one of a kind.

My Role

I was the lead designer on the project. I worked closely with the Molekule marketing and hardware team. I came up with concepts, user flows and the overall visual tone for both the application and hardware display.

 

Guiding Principals: Function, Intelligence, Informative

  • Functionality is important for any new piece of hardware. We designed the hardware UI to be functional and powerful without the companion app. We added more functionality beyond basic controls within the application. Our goal was to let the user be in control no matter where they are.
  • Intelligence was our focus from day one. Molekule is a sophisticated piece of machinery and we wanted users to understand the capability of the purifier. We relied on machine learning to optimize the air purification process by designing an Auto Mode that utilizes data provided from the user and data that is pulled remotely, outdoor air quality, the season, and temperatures.

  • Information is important to the end user when purchasing a high end purifier. They want to know if the unit is doing its job. While we kept the design minimal, we highlighted the purification process through animations. A user can see pollutants being eliminated in real time. We also educated the user on the pollutants in their air and how Molekule eliminates them.

 

Information Architecture

Before sketching, I like to start by mapping out the information architecture. A unique challenge with this project was mapping out the appropriate touch points between the hardware and the application.

 
 
 
 
 

Sketches

During the sketching period, I landed on a simple interface. While this is an expensive piece of hardware, I didn’t want the users to feel overwhelmed with options.

 
 
 
 
 

Wireframes

I typically do user testing during wire frames to remove unnecessary steps and track user behaviors. During this time, I landed on the proper onboarding questions and added last minute features.

 
 
 
 
 

Iterative Design

The main control screen had to feel clean and airy. I ended up with a minimal approach. The emphasis was on the cleaning progress. I animated particles flowing freely in the background and being eliminated by the hardware. This approach not only decluttered the control screen, but also intrigued the user with a constant smooth animation.

 
 
 
 

Final Approvals

 
 
 

Onboarding

The onboarding requires a connection to the hardware. We created two separate experiences for both the hardware and the application. There is a handoff period if one starts off from the hardware. If one chooses, the basic onboarding can be completed within the hardware itself. For a more comprehensive experience, the user is can to onboard within the application. We also required that users answer three simple questions before proceeding to the home screen within the application. These questions help the hardware make better calculations and decisions when in Auto Mode.

 
 
 

A Minimal Experience

We wanted to make the main control screen feel clean and airy. Originally we had basic graphs showing data and cleaning progress indicators. Eventually we ended up with a more minimal approach. We emphasized the cleaning progress by showing particles flowing freely in the background and being eliminated by the hardware. This approach not only decluttered the control screen, but also delighted the user with a constant progress animation.

 
 
 

Intelligence

We wanted to create a sense of intelligence in the application the was evident to the user. We leveraged Molekule’s ability to make changes without user input. Auto Mode was designed to take data from its many censors and clean the air with optimal efficiency.

Informative

Users in the US are not as concerned with air quality like users in some parts of Asia, so we needed to reinforce Molekule’s patented technology, Photo Electrochemical Oxidation (PECO). We sought creative ways to educate consumers about the effects of air pollution and the efficacy of the technology with fun illustrations. We also used illustrations to walk users through the replacement of filters.

 
 
 

The End Result

The Molekule application combines intelligence, minimalism, and functionality. Through a deceptively simple user interface, we introduced smart controls, informative illustrations, and unique interactions. The result is a design that improves the experience of owning one of Molekule’s air purifiers and complements the state-of-the-art technology behind the purifier.

 
 
Molekule.jpg