NWPGCL | Energy Industry Website Redesign and Development

At a Glance!

North-West Power Generation Company Limited is one of the very reputed power generation companies under the Power Development Board, Bangladesh!

Client Engagement

Dhrubok Infotech Services Company Ltd. came to know about the circulated RFP of NWPGCL. They needed an energy industry website renovated with their own customized idea. Several companies approached them with their design proposals. We were one of them. Every company presented their own among which our proposal was very satisfactory to them. So, we were chosen.

Client’s Expectation

The existing website was unfavorable to the users. The user experiences were not satisfactory enough. So, our client’s solo expectation from us was to redesign the existing website into a “unique, unconventional, very good looking and powerful” one. So that investors and potential partners can understand their status just by taking a gaze at the website.

Our Proposal

At the very first stage of the development, we had a few meetings with their IT department. Initially, they asked us to present three samples for the design of the website. They also had a few ideas on their minds. They brought some modifications according to their needs on our proposed designs. In this manner, it took about 14-15 iterations to confirm the overall design of the website and get approved by the authority.

Design Challenges

The first and biggest challenge of this project was that we didn’t get to do it from scratch. The website was already developed. So, we had to understand every single part of the project to work on it. Another issue was that most of the features were not dynamic. Rather they were all just statically shown on the website. So, we had to change all these into the dynamic to make the website smart.

Design Process of the Energy Industry Website

Eye Candy User Interface

The important thing to consider about the UI design was to be of the green-red theme. The previous site was also developed using these two colors though the work was not so satisfactory. The client asked to use 75% of green and 25% of red on the theme. Green and red is the color of the national flag of Bangladesh. So, using these two colors for the texts have its significance. The main operative field of the app uses a white background which serves many important goals: it helps the user for quick perception of text-based content. it goes perfectly in contrast with other key elements such as buttons, bar charts, maps, etc. Furthermore, it gives the screen a feeling of not overloaded with information and contents which is important for the quick perception of the core data fields.

Animation

The effort to make the site more attractive using animation didn’t go in vain. On the homepage, the installed capacity and the highest production of yesterday are shown using two animations. The data will be updated from the admin panel. Animated transitions were also added to present some other interactions: details of the information of the board of directors, view of the EIA reports, etc.

Language

The default language as per the client’s wish is Bangla. So all the contents had to be translated into Bangla. One can also get to select English for their convenience. For English and Bangla Montserrat and Nikosh fonts, both highly legible and readable, were used respectively.

Bar Chart

The bar chart on the homepage showing the year-wise generation of power starting from year 2012 till 2030 is very much informative for investors. They can see the progress of the plant to decide on the donation. The green, red, and blue colors of the bar chart make it very soothing to the eye.

Map Locator

The future fuel mix of the existing power plants up to 2030 is shown in pi charts on the homepage. The uses of blue, red, grey, violet, and green are very eye-catching in these pi charts.

Pie Chart

The future fuel mix of the existing power plants up to 2030 is shown in pi charts on the homepage. The uses of blue, red, grey, violet, and green are very eye-catching in these pi charts.

Interactive Maps

All the maps used on the website are interactive. The Google map is incorporated into the website. While visiting any power plant’s webpage, the map shows the driving direction from the current location to the power plant.