How energy supplier enercity AG improves content editor usability with Magnolia’s hybrid headless CMS


Together with the digital agency Neoskop, enercity has developed a technically innovative and responsive website with the help of Magnolia.





Enercity and Magnolia

Energy Utility


Neoskop GmbH



enercity, the driving force for the digital energy of the future.

Enercity is the main provider of power, gas and water in Hanover and surrounding regions. Since last year they have provided power and gas for all of Germany and are expanding rapidly. Furthermore, they recently launched new innovative product diversifications including electromobility and solar.

To expand their reach outside of Hanover, they needed a modern website with great configurators and a fast and intuitive CMS. Previously, they had been using a pure headless CMS, which was challenging to learn and even harder to master. Desiring a more visual approach that also allowed them to maintain a wide range of capabilities, they decided on Magnolia CMS.


Go headless, but stay visual.

The goal of the relaunch was an overall refresh of the enercity website to give it a more user-centric approach. There were two separate versions of the website (one for desktop and one for mobile devices) that needed to be combined into one responsive website. However, the primary focus of the relaunch was the content editor. The CMS needed to be easy to use and visual, which contrasted with common types of headless CMSs. The editors also needed more options for layouts and the flexibility to develop the website independently without relying on the IT department.


Multiple options in an easy-to-use interface.

First of all, the sales process, which consisted of static download forms until this point, was made more user-centric by developing user-friendly product configurations. Moreover, enercity is now empowered to create landing pages for online campaigns in a very short period of time, personalize them for the target audience and implement those configurations to create a digital lead. 

Magnolia Partner Neoskop, created custom apps which made it possible for enercity to easily edit product data coming from their own web service or build forms, edit email templates and choose where to send them. By developing a template that only consists of header and footer, content editors now have free creative reign.


A visually driven headless CMS based on React components.

Since the relaunch, Enercity can edit content on existing pages easily and is even able to create entirely new pages with all the available components. One of the main benefits of the website is the visual page editor with original React.js components inside, combined with the simple structure of Magnolia itself and an easy-to-understand interface.


Find out what Magnolia can do for you

Request a personal demo tailored to your business needs.