Measure on Air

Helping construction businesses to manage and quickly create estimates and billing all with innovation and ease.

Visit Measure on Air
Measure on air

My Role & Team Collaboration

I worked as a Full Stack Developer on this project, collaborating closely with designers, back-end developers, and project managers to ensure the app’s smooth development and timely delivery. Below are some of the challenges we faced and how we overcame them together.

Challenges & Solutions

Problem 1: Real-time Data Accuracy

Many systems fail to deliver accurate real-time air quality data due to unreliable sources and outdated methods of data fetching.

Solution:

Integrated real-time data fetching from trusted sources with a layered approach to ensure high accuracy and timeliness of air quality measurements. Changed backend architecture to use WebSockets for real-time data updates, ensuring users receive the most current information.

Problem 2: User Interface Complexity

Users found it difficult to navigate and interact with the platform, especially when presented with complex graphs and data-heavy dashboards.

Solution:

Redesigned the interface to prioritize simplicity and more blocked as of the users request and user experience, incorporating intuitive design patterns such as cards and color-coding. Implemented responsive design principles to ensure the app is accessible on both mobile and desktop.

Measure on Air - Improved UI

The new interface provides a cleaner, more intuitive experience with simplified navigation and interactive data visualization.

Problem 3: Data Overload for Non-Experts

Many users, particularly those without technical expertise, found it overwhelming to input measurements and calculate area and volume accurately.

Solution:

Designed a simple, step-by-step measurement process with clear input fields for different shapes (rectangular, circular, etc.). The app offers intuitive dropdowns and auto-calculations for area and volume, reducing the need for users to understand complex formulas. Additionally, provided tooltips and example inputs to guide the user through the process.

Problem 4: Mobile Compatibility

Initial versions of the platform did not perform well on mobile devices, limiting accessibility for on-the-go users.

Solution:

Optimized the app for mobile devices by implementing a mobile-first design strategy, ensuring that all elements are properly sized and responsive. Reduced image sizes and leveraged CSS media queries for efficient rendering on smaller screens.