A companion App for Environmental Express IAQ 15 Connectâ„¢ Portable Air Sampling Pump Kit
Environmental Express, Inc. is a company that makes and sells equipment and supplies for laboratories around the world that are involved in testing the environment. Their products are used to analyze things like water quality, oil and grease, metals, and hazardous waste.
The objective was to design and develop a complementary iOS & Android app for the Environmental Express IAQ 15 air sampling pump, which would enable seamless connectivity and facilitate the retrieval, viewing, and updating of event records from the device.
Research
Ionic Developer
Visual Design
Liaison with Backend Developers
Figma
Ionic framework
At the outset, we were bound by two prerequisites:
1. Environmental Express already had a established color palatte and we were to adhere to it.
2. The app was mandated to be built using Ionic framework.
We chose to use the Dark Blue and Green[marked below] as primary colors
Environmental Express Color Scheme
We then mapped out the flow of the app
IAQ App Flow Diagram
After we had put together the user flow diagram, we created the wireframes
IAQ App Wireframes
Since we were required to use Ionic to develop our apps, we designed the final apps components based on Ionics components.
The app development process was made easier and faster due to the fact that the developers only had to adjust the ionic components to fit our design language.
IAQ app components V/S Ionic components
And here's the final result.