Smart metering modernization

Transforming Aidon Gateware, a smart metering technology user interface, from legacy software to modern web application.

Project overview

Project overview

Most of the existing features in installable Windows software were required to be found in the new application as well. The final product needed to be usable with any modern browser, both for desktop users and operators on the field using hand-held devices.

Aidon Gateware 3
Job progress view in Aidon Gateware 3

Team helped us to modernise our solution and both increase existing customer satisfaction and smoothen our way to new customer relations with the modern UI. With this new user interface and its reusable assets, we are the forerunners in smart metering solutions in the Nordics. The team is very professional and we often rely on their knowledge when making development plans.

Antti Paajoki, Product Manager, Aidon

About client

Aidon is an established supplier of smart grid and smart metering technology and services in the Nordics.

Aidon Gateware is a smart metering technology user interface, providing management and execution of various metering system tasks based on scheduling as well as ad hoc operations towards the devices.

Project timeline

2018-2019 1.5 years

Roles & tasks

UX & UI Design, UX Engineering, Component Library Development, Prototyping, Workshopping

Design process

Design team consisted of Service Designer and UX Engineer/Designer, both working closely with customer in their premises. Key tasks of the assignment were:

  1. Redefine service structure hierarchy and build information & architecture map to plan out user stories
  2. Create a visual style and language for the application, using Aidon brand guidelines as a base
  3. Build a well-documented component library with commonly used patterns for faster design & development process

Skip the design tools

We wanted to move fast with developers, so after the service blueprint began to shape up and common elements were recognized, the detailed design process took mostly place in the browser through modular component library design and fast prototyping.

Component library design
Component library design and development

Simplifying desing process

Common design patterns were recognised and documented to ease planning sessions and decision making. Building prototypes instead of static layouts helped recognizing problems before actual development.

Design pattern
Design pattern: dashboard
Design pattern
Design pattern: product
Design pattern
Design pattern: sidebar editor
Prototyping
Prototyping in browser

People involved

Design

Katriina Lahtinen (Aidon), Antti Paajoki (Aidon) Tero Liikka (Nordcloud), Janne Remes (Nordcloud), Susanna Markkio (Samlink)

Development

Timo Kaipiainen (Nordcloud), Tommi Honkonen (Nordcloud), Ari Aittomäki (Nordcloud), Otto Hyyrynen (Etteplan MORE), Janne Remes (Nordcloud)