Bundesverbandes der Energie- und Klimaschutzagenturen Deutschlands e. V.
(Federal Association of Energy and Climate Protection Agencies in Germany)
Bundesministeriums für Umwelt, Naturschutz und nukleare Sicherheit
(Federal Ministry for the Environment, Nature Conservation and Nuclear Safety)
Lead Art Direction
Digital Product Design
An online platform as a progressive web application based on a user-centered design and gamification mechanics for an interactive learning experience.
The online platform was designed as a progressive web and the content of 55 missions and challenges was developed increasing user participation.
The process applied a user-centered design to reach the target group of low-income households. UX design techniques were applied with a gamification approach such as interviews, surveys, prototyping, User Testing or User flow, defining an effective concept focused on our users.
The result is an interactive experience with intuitive usability defined by efficiency, memorability and satisfaction with attractive rewards and an empathetic message.
“Stecky’s climate mission” is designed as an interactive adventure where the goal is sustainability. Stecky features this journey to educate users with habits to save energy efficiency in their daily life. This experience makes climate protection cool, exciting and can be implemented for all households regardless of budget or previous knowledge.
The progressive web app is designed with game mechanics, which transmits not only fun but also sustainable knowledge on the topics of climate protection and energy saving.
This user-centered interactive experience uses game technics to increase our target engagement. “Stecky’s climate mission” only allows for fun learning but also provides lasting knowledge on the topics of climate protection and energy saving. The prospect of attractive rewards motivates users to do the best for the climate and their own wallet integrating sustainability into their everyday lives.
The user journey goes through four different main subjects: SAVE ELECTRICITY, SAVE ON HEATING, SAVE WATER, SAVE IN EVERYDAY LIFE.
User experience technics were involved to understand the complexity of the target group: the single father working part-time, the pensioner with a little pension, the long-term unemployed in her fifties and the housewife with a migration background in a low-income household. For competent product development and user-centered design, these user research methods were applied to reach the pain points and opportunities that they all have in common: Competitor analysis, Survey, User interviews, User journey map or definition of User Personas.
The analysis of the collected data revealed their motivations and needs, as well as their concerns about saving energy and money. This information was implemented in the development of the online platform.
User Testing and Concept
The concept of a progressive web app game is based on an appealing and easy understanding Information Architecture applying User flows, defining a Sitemap, and engaging Content through a testing process with potential Users. In this way, we ensure intuitive and easy-to-understand usability for our type of users, most of whom are far from technology. The application of heuristic principles was used to design an appropriate information architecture, as well as the appropriate tonality and content for the target audience.
The exciting learning journey for each topic follows the same methodology:
Each completed main topic confirms a level passed. The user must complete a minimum of subtopics to move on to the next topic. There are 4 levels and an extra level through a total of 18 topics.
Mission Score view
Branding and User Interface Design
The design style created creates a playful atmosphere that, with its easy-to-understand illustrations, invites you to go on a climate mission within the four levels. Heuristic techniques were applied to the interface to achieve an interaction design driving users to a satisfactory experience.
The final product
User touchpoints lead to the landing page where CTA strategists claim a user registration for the game.
The points accumulated and the missions achieved can be viewed in an easy and interactive way, giving efficient feedback to the user on the progress and status of their experience.