How replacing an outdated 924 touch panel with a brand-new digital lighting control in just three months helped a manufacturing company expand its market reach.
Industry:
Manufacturing
Mobile Development
UX and design
Web Development
Software Product Development
Being among the industry leaders doesn’t mean resting on your laurels is an option. On the contrary, it goes hand in hand with the necessity to keep looking for new paths and rapidly providing innovations to secure the top position. That’s why we were approached by Helvar — a company that crafts smart and sustainable environments with AI-powered energy-saving lighting control solutions.
They already had physical controllers for intelligent lighting with pre-configured and adjustable lighting scenes and software for lighting management in a particular room. Even with this, Helvar wanted to raise the bar higher and create a product that had never been on the global market before.
It’s a physical controller for individual room lighting control managed from a mobile application. However, its functionality was limited to changing light temperature, color, and intensity.
A solution for advanced lighting control with pre-configured and adjustable lighting scenes sounds great, but there was a nuance. It was released in 2013 and had outdated UX/UI and needed to be managed by remote control.
Even if the client married the Illustris design with the 924 touch panel’s functionality, they wouldn’t get the product they had on their mind. Helvar was after a brand-new solution and already had a vision of its parts:
A web application to generate a building plan and create a library of interfaces for lighting control in each room of a building (selecting button functions, widgets, etc.). This data becomes UI files, which are then used in an Android application.
The Android app for a tablet placed in each room to allow end users to fine-tune the lighting to their needs.
The client had only an idea of the lighting control applications, and they needed our comprehensive software product design services to build a truly resilient solution with an intuitive, yet feature-rich interface and unlimited customization options.
The client needed the web application for Helvar employees (“Engineers”) to create interfaces for high-level lighting control and switching between various lighting scenarios, and the Android app for Helvar’s clients (“End users”) to customize the lighting in a separate location.
Providing customers with what they are hungry for is a cornerstone of any app’s success. The product owner wanted to hone the user-friendly design, so we had to craft first-rate tools with enhanced UX to efficiently manage smart lighting at the level of the whole building and spaces within it.
The client had only an upper-level idea of the solution’s design. Our task was pinpointing the most efficient way to implement it without breaking the bank.
The client has pointed out that the solution has to be ready in 3–4 months. Therefore, our team of UX/UI designers, a product designer, business analyst, web and Android application developers jumped in right away.
As with any product design project, we moved according to our battle-tested software product design process to make Helvar’s solution a market success. Here is what we encountered at each stage.
Instinctools is praised by its customers for a methodology-agnostic approach and the ability to adjust to any client’s requirements. In the case of Helvar, the product owner insisted on daily syncs to ensure all the stakeholders and the design team were kept in the loop.
We readily met this condition and worked in small iterations providing the client with fully functional interactive prototypes to address any concerns straight away and ensure the final design would pass the validation seamlessly. Speaking about the amount of work we’ve carried out, our design team prepared 40+ layouts in InVision.
During the project setup, we discussed the initial design concept the client had beforehand and determined the app’s usage contexts:
As Helvar’s engineers were supposed to create UI files in the web application and then send them to the Android app where end users could operate with them, we started with the web solution.
At this stage, we reviewed the groundwork the client has done before reaching out to *instinctools.
For instance, they’d already had early design concepts based on the design of their other product — Illustris.
The client wanted to reuse the logic of the existing solution when crafting a future-proof digital touch panel with top-notch UX.
Still, the new lighting control solution required a more up-to-date design and customizable functionality to serve in buildings with hundreds of various spaces.
Implementing a building plan was a prerequisite for providing an easy-to-grasp lighting control. Because of this, we had to figure out the best way to put it in the application’s interface. At first, our team discussed making a detailed plan for the whole building.
Nonetheless, such an over-elaborate scheme required more time, effort, and investment from the development standpoint. So we devised a more sleek solution and suggested organizing a building into folders by floor and individual room with UI files for each locale.
Here is an illustration of how the idea of folders was implemented at the wireframing stage.
Next, we moved to designing solution components – UI manager and UI editor.
We had to provide Helvar’s employees and end users of the lighting solution with clear and customizable digital tools. So our team came up with the idea of a UI Manager and UI Editor. But while we could leverage Helvar’s existing products, such as Illustris and the 924 touch panel for the Editor, the UI Manager had to be designed from scratch.
The UI Manager is a part of the web application for engineers where Helvar’s staff creates a folder structure corresponding to a real building.
We suggested adding a Preview area so that engineers could easily pick a theme that would fit in with the interior of a particular room.
The UI Editor is a part of the Android application targeted at end users (office workers, hospital patients, tourists in hotel rooms, etc.). Its interface had to remain clear and concise despite the immense number of functions it provides users with.
The trickiest part of working on the UI Editor’s design was that it had to be a fully customizable tool. We made it possible for users to edit, modify, and change everything, from the general style of the controller, the background, and font styles to fine-tuning each button’s function and look.
We stipulated different access levels for the Editor:
It allows customers to switch between themes freely and add standard controllers and widgets from the library.
Receptionists in hotels and hospitals, office managers, etc., can modify Editor’s interface and change the buttons’ layout directly on the tablet. The mode is password-protected, and edits are accepted locally on a specific device.
We designed software with unlimited customization options to satisfy the desire of Helvar’s clients for stronger brand awareness. For instance, despite providing a plethora of in-built templates that cover various usage scenarios, we went the extra mile to bring boundless customization opportunities to users.
With a tablet in each room, users can not only create their unique theme (e.g., in the hotel colors and with its logo) but also put any buttons needed on the tablet screen and bind functions to them in the way they find the most convenient setup.
Here is a detailed video presentation of the final product
Our product design and development team kept firing on all cylinders to ensure on-the-dot delivery of both web and Android applications, and we made it.
The web application was ready in two months, and the Android app took one month to build.
The client was impressed by *instinctools’ businesslike expertise and keen awareness of the latest trends in software product design. Due to this early success, Helvar felt confident in working with our team for further three projects.
We helped create a frontier solution that enables easy digital control over lighting in huge facilities like hotels, hospitals, offices, etc.
Crafting such a product allows Helvar to maintain its leadership in the industry. Despite the large scale of the solution, we managed to craft a clear and concise interface to ensure the product will stay robust and relevant down the road.
The more end-users the product has, the more configuration options are needed. Helvar’s solution provides boundless customization capabilities and the possibility to adjust lighting to each user’s needs.
Matti Vesterinen, as a product owner, sums up the quality of services provided by our team and shares their impressions of cooperation with *instinctools:
Putting a premium on a well-thought-out design is a prerequisite for a fruitful outcome in software product development. That’s how it works for product companies whose profit depends on customer satisfaction. Design quality directly impacts user experience and, as a result, product demand on the market.
Businesses in any industry, from manufacturing and ecommerce to healthcare, fintech, education and more, benefit from centering around a customer experience.
Putting your end users first empowers you to solve complex design strategic tasks and confidently withstand market disruptions driven by user behavior changes.
