
enercity annual report
Company
Enercity AG is one of the largest municipal energy service providers in Germany. Every day, it reliably supplies around one million people with electricity, heat, natural gas and drinking water. Through sustainable products and intelligent, energy-efficient services, it actively supports its customers in reducing their carbon footprint and increasing their living comfort at the same time.
€92bn
Sales revenues 2023
33k
Employees
Top5
municipal energy provider
Goals
As a public limited company, Enercity publishes an annual report every year. In order to reach shareholders, business partners, employees and other stakeholders in an innovative way and to make the publication of the business figures an interactive experience, Enercity decided in 2019 to develop a digital annual report in collaboration with the creative and content agency C3. This digital transformation was intended to convey complex content such as business figures, sustainability targets, milestones, values & visions and editorial customer stories in an appealing way.
Challenges
Making complexity accessible
The wealth of information should be presented in a clear and comprehensible form.
Innovative User Experience
There was a strong focus on interactive design to encourage visitors to explore all aspects of the report.
Multimedia content
The integration of interactive videos, animations, galleries and sliders posed a technical challenge.
Strategy
Scrollytelling

Scrollytelling
Through scroll-based interactions and the combination of text, images, videos and animations, the user is guided through a story. This narrative approach makes it easier to understand complex issues and ensures a lasting effect.
Single Page Application (SPA)

Single Page Application (SPA)
The implementation as SPA enables a smooth and uninterrupted user experience through dynamic reloading of content without hard page changes.
React & Next.js

React & Next.js
The modern JavaScript frameworks React and Next.js form the technical basis. React enables the development of reusable and interactive components, while Next.js optimizes loading times and improves search engine optimization through server-side rendering (SSR).
Result

Result
In the meantime, six digital enercity annual reports (2018-2023) have been created, which impress every year with innovative concepts in terms of design and user guidance. Not only our cooperation partner C3 and enercity as a customer are enthusiastic about this, but also the visitors to the annual reports.
The outstanding design and implementation of the 2019 enercity annual report was honored with the renowned Red Dot Design Award in 2020.
Links zu den Geschäftsberichten:
Ready to start your project with us?
Give us a call, send us an e-mail or visit us in our Hamburg agency office - we look forward to hearing from you!
![[Translate to English:] [Translate to English:]](/fileadmin/_processed_/f/9/csm_Myrielle_F7_3d6396b10e.png)
Product Owner