Design for ClevAir’s world leading SaaS-based solution that uses IoT, AI and machine learning for energy optimisation of HVAC (Heating, Ventilation and AC) in commercial buildings.
ClevAir has been named by Ernst & Young as one of 30 “Accelerating Entrepreneurs” globally and named Europe’s most innovative in construction technology in the “BUILT WORLD Innovation Contest 2020 Europe” competition.
In 2021 our Norwegian client, ClevAir approached us to work on a complete redesign of both the UX and UI of their award winning platform.
We can work in a variety of project management methodologies, but we found a combination of Waterfall and Agile to be the best for this project. We call this approach “Wagile“.
Working first in a waterfall process, getting the overall direction right, the bigger picture, and establishing design usability principles. Then once the initial interface had been designed this moved to the ClevAir development team to implement. We then worked in shorter Agile design sprints around specific features and functionality. With our design team working one sprint ahead of the in-house development team.
Our discovery phase ensured that we understood the product, the audience’s needs and the sector it operates within. Our discovery included:
The second part of our project was to explore best practice of what others were doing in the sector, and how design solutions from different sectors approached similar challenges. We collected a library of visual examples, that we discussed with the client before any original design was started. This increased the speed of the design in the later stages, as we could compare and contrast potential design solutions early on with ClevAir. Our mood board covered the following:
Once the use cases were finalised and initial approaches discussed, we started creating high level paper sketches and wireframe prototypes. These wireframes could then be shared across multiple stakeholders for quick iterative feedback. High level design tasks included:
Once the high level design was completed we moved onto more detailed functionality inside the platform including:
Once the key functionality and layout had been agreed, we moved onto the creative UI design stage that included:
During the design process, the development team were involved at key stages, to give feedback and to influence the design. At the end of the design phase we were able to export inspectable assets using Adobe XD, that enabled an efficient transition into the development process.
As a SaaS company our focus is on developing our quite complex software with focus on technology and features. Unfortunately, that did not take into account the UX/UI needed for our end-users.
When developing our latest version of ClevAir software, we finally realised we needed help. Through common contacts we turned to Made with Maturity and found them to be responsive, competent, easy to work with and helpful in making our somewhat unclear thoughts and wishes materialize into exciting human centric designs. We enjoy working with the team at Made with Maturity as they help us, guide us and do the bits we don’t do well ourselves. It’s that simple.