![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FA---1_uid_620e137d89f89.jpg%3Ft%3D1645089661&w=3840&q=80)
Endaprime by BKW
The energy landscape of tomorrow
Switzerland's energy system is undergoing a radical change. Energy is increasingly being generated by decentralized facilities that produce electricity irregularly in some cases, making planning and operation a growing challenge. To meet this challenge Endaprime, the innovation lab of BKW, came to us with a visionary sketch in their hand: HIVE – a digital simulator that should demonstrate the impact of electromobility, renewable energies, and the application of local measures on the distribution system, energy self-sufficiency, and environmental pollution.
To present the multi-layered interrelationships within complex systems as comprehensibly as possible to the user, we worked closely with Endaprime and turned their idea into an easy-to-use, compelling working tool for political and business actors.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FB---1-_uid_620e134065900.png%3Ft%3D1645089600&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FB---2_uid_620e1340a42b9.png%3Ft%3D1645089600&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FB---3_uid_620e1340da50d.png%3Ft%3D1645089600&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FB---4_uid_620e134117808.png%3Ft%3D1645089601&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FB---5_uid_620e134152d0e.png%3Ft%3D1645089601&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FB---6_uid_620e1341b00ff.png%3Ft%3D1645089601&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FB---7_uid_620e1341e56ce.png%3Ft%3D1645089601&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FB---8_uid_620e13425fe7d.png%3Ft%3D1645089602&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FB---9_uid_620e134296feb.png%3Ft%3D1645089602&w=3840&q=80)
CHALLENGE
Making expert knowledge understandable
At the beginning of our collaboration, HIVE was just a brilliant idea, captured on a visionary sketch. Our joint task was to bring this sketch to life and find the best solution for how the simulator should work and look, making it as simple, attractive, and straightforward as possible for the user. The biggest sticking point was to reduce the complexity and bring in playful elements without losing the credibility and reliability of an expert.
“Our main challenge was to create a tool that is fun to use, but still reflects the complexity and importance of the topic.”
Solution
An immersive learning experience
The result is an interface that creates a challenging, immersive learning environment for users by inviting them to play an active role and embark on a journey of discovery. The interface consists of three main areas:
The side panel to set scenario parameters
The map to visualize scenarios
KPIs and graphs to more deeply understand scenarios
Setting the parameters is the start of a journey with an unknown destination. With each change of a parameter the map changes accordingly. Users begin to understand how the expansion of renewable energies and the growing number of decentralized energy production can affect the future of distribution, autarky, and the environment.
“Ginetta worked efficiently and in a structured manner, while still creating space for inventiveness and creativity.”
The side panel:
Setting scenario parameters
The initial idea of our client was to design a playful drag-and-drop panel for users to set parameters. After the first iteration and user testing, we decided to go for a less playful but more efficient solution for the use case: the side panel. The side panel consists of sliders, each representing a parameter and displaying carefully selected units. In addition to selecting a municipality, users can set seven more parameters that are logically grouped and divided into three different colored sections. Depending on the parameter settings, the future scenario visualized on the map changes interactively.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FD---1_uid_620e134300d81.png%3Ft%3D1645089603&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FD---2_uid_620e134330cf9.png%3Ft%3D1645089603&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FD---3_uid_620e134368de4.png%3Ft%3D1645089603&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FD---4_uid_620e134393693.png%3Ft%3D1645089603&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FD---5_uid_620e1343c7e24.png%3Ft%3D1645089603&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FD---6_uid_620e134401d99.png%3Ft%3D1645089604&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FD---7_uid_620e13442e583.png%3Ft%3D1645089604&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FD---8_uid_620e13447488d.png%3Ft%3D1645089604&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FD---9_uid_620e1344a8ba1.png%3Ft%3D1645089604&w=3840&q=80)
The map:
Visualizing scenarios
By (re)setting parameters in the side panel, users can (re)design the map and the energy system of the selected municipality. The energy cells react immediately to each setting and visualize the local system and energy flow. This is based on intelligent algorithms that regulate the energy balance between the cells. To represent different local production plants, such as wind turbines, we used icons. If there is not enough energy produced locally to meet the demand, the system imports energy from the outside, illustrated on the map through motion design in the form of a wave.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FE---3_uid_620e1345802ac.png%3Ft%3D1645089605&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FE---4_uid_620e1345a8fb8.png%3Ft%3D1645089605&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FE---5_uid_620e1345e0986.png%3Ft%3D1645089605&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FE---1_uid_620e1344db558.png%3Ft%3D1645089604&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FE---2_uid_620e134524977.png%3Ft%3D1645089605&w=3840&q=80)
KPIs and graphs:
Understanding scenarios
For a deeper understanding of the map, users need one thing: data. Lots of data! To help users not get lost, we display the most important data with two graphs and five KPIs. The KPIs are displayed in large, bold numbers with short explanatory texts to put them in the right context. Useful feature: By hovering to any point on the graph a tooltip opens with detailed data.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FF---1_uid_620e134622e55.png%3Ft%3D1645089606&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FF---2_uid_620e13465ce72.png%3Ft%3D1645089606&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FF---3_uid_620e1346981ef.png%3Ft%3D1645089606&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F02%2F17%2FF---4_uid_620e1346c3978.png%3Ft%3D1645089606&w=3840&q=80)
Conclusion
Shaping the future of energy
Interactive elements are successful in imparting the "watch-try-do" learning experience. But only if they serve usability and are not just integrated as an additional fun factor. We followed this principle with great success when designing HIVE: The simulator simplifies access to a complex topic in a "playful" way without losing clarity and credibility. Since its launch, HIVE has been delighting its users and attracting ever greater interest from the political and business communities. This has allowed Endaprime to position itself as a pioneer and thought leader in shaping the future of the Swiss energy landscape.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F03%2F10%2FG---1_uid_622a1a983fddd.png%3Ft%3D1646926488&w=3840&q=80)
Project facts
Market
B2B
Industry
Technology & Engineering
Type
Web Application
Services
Design
Duration
4 Sprints
Go Live
2021
Project team
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2021%2F01%2F31%2Fmartin_uid_6017429437c05.jpg%3Ft%3D1612137108&w=3840&q=80)
Martin
UX Design
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F11%2FNico-Nydegger_uid_6254187756219.jpg%3Ft%3D1649678455&w=3840&q=80)
Nico
Motion Design
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2021%2F01%2F31%2Ftina_uid_6017429a93e29.jpg%3Ft%3D1612137114&w=3840&q=80)
Tina
UX Design
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2021%2F10%2F18%2FKim-Corti_uid_616d615b1a6da.jpg%3Ft%3D1634558299&w=3840&q=80)
Kim
Visual Design
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2021%2F10%2F18%2FMin-Chen-2_uid_616d5a7d0801d.jpg%3Ft%3D1634556541&w=3840&q=80)
Min
Product Partner
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2021%2F09%2F20%2FDaniel-Jordi-Client-Partner2_uid_614846c4b59e6.jpg%3Ft%3D1632126660&w=3840&q=80)
Daniel
Client Partner