New corporate website for the energy company
Project type
New corporate website
Industry
Energetics
Technologies
Drupal
Tailwind CSS
ViteScope of work
Web development, post-implementation support
Key Project Elements
- Content migration from Drupal 7 to 11, including rebranding from EWE to Elenger
- Transferring the website logic and key functions, including the gas consumption calculator
- New graphic design implementation
- An interactive map presenting detailed data about the distribution network in a given region
- Dividing the website into three main sections: “for company”, “for home”, and “about Elenger”
About the Client
Elenger is the largest private energy company in the Baltic-Finnish region, operating since 1864. It offers comprehensive solutions in natural gas, LNG, biomethane, and electricity, including renewable energy. The company operates in six European markets. Its mission is to provide efficient and climate-friendly energy sources that support the region’s sustainable development.
The Challenge
The client wanted to upgrade from Drupal 7 to 11. Because of significant technological differences between the system versions, we couldn’t simply copy the functions. We had to build them from scratch.
Renaming the brand from EWE to Elenger was equally important. This required implementing a completely new website design. The entire project was to be completed within four months.
The Goal
Our main objective was to build a new, consistent Elenger website. We aimed to eliminate content and functionality inconsistencies caused by maintaining two separate website versions – one for desktop and one for mobile.
We also focused on the administrators. We wanted to simplify adding new posts and editing content to make website management easier.
Solution
In line with the project’s objectives, we implemented the project using Drupal. We used the latest version, which guarantees security updates and full community support.
Due to the significant technological differences between Drupal 7 and 11, some solutions had to be rebuilt from scratch. Instead of trying to adapt the legacy code, we rewrote key features to leverage the new architecture’s capabilities and adhere to current standards.
We implemented the visual layer using two tools: Tailwind CSS and Vite. Tailwind allows for describing the appearance of each element, such as a button, directly in its code. Therefore, instead of creating the structure in one file and the appearance in another, we could do everything in a single place, saving time and simplifying the codebase. Vite, on the other hand, allowed us to immediately view all the changes we made in the browser (without refreshing the page). Both tools accelerated our work and helped us meet our tight deadline.
Solution Details
Intelligent Migration and Automatic Rebranding
Changing multiple subpages manually risked errors and project delays. Therefore, we implemented advanced scripts that automatically detected mentions of the old brand (EWE) and replaced them with the new one (Elenger).
The mechanism also detected links pointing to the old domain and updated them to the new address. This prevented dead links and maintained the website’s SEO integrity.
Business Area Map
We abandoned static graphics in favor of a fully dynamic solution. Our goal was not only to align the map with the brand’s visual identity but also to reduce Customer Service inquiries regarding service coverage. Now, users can simply hover over a selected location to check availability.
Precise Gas Consumption Calculator
We modernized the energy calculator logic to support bi-directional unit conversion (m³ to kWh and vice versa). We also included the ability to edit the conversion factor independently.
Thanks to this solution, users not only receive an average estimate but can also calculate precise energy values by entering real data, such as invoice figures. The entire process runs in real time without reloading the page.
The Effects
The new website delivers a consistent brand image, robust security, and an intuitive editing experience
In just 4 months, we built an enterprise-class website. We proved that even under tight schedules, there’s no need to compromise on code quality or design. Specifically, we:
Eliminated technical debt by migrating from Drupal 7 to 11.
Replaced two separate website versions (mobile and desktop) with a single, fully responsive ecosystem.
Enabled the marketing team to manage the menu structure, forms, and content independently.
Increased client independence, allowing them to review the scope of service and estimate costs without contacting support.
Maintained the website’s search engine visibility despite the name and domain change.
Statistics
12
8
4
+ 600
Planning a Drupal upgrade?