black_owned.svg

Black Owned

dhaka bank.svg

Dhaka Bank Ltd

ministry of cultural affairs.svg

Ministry of Cultural Affairs

north west power generation.svg

North West Power Generation

pch.svg

PCH international

pro edge.svg

Pro Edge

puro contendio.svg

Pure Contenido

amann bangladesh.svg

Amann Bd

field buzz.svg

Field Buzz

logo.png

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

At a Glance!

Dhrubok Infotech Services Company Ltd. came to know about the circulated RFP of NWPGCL. They needed an energy industry <a href="https://dhrubokinfotech.com/services/web-application-development" target="_blank" rel="noopener">website</a> 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 Engagement

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.

Client’s Expectation

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.

Our Proposal

North-West-Power-Generation-Company-User-interface-1024x446.webp

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 Challenges

Design Process of the Energy Industry Website

Eye Candy User Interface.png

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.

Eye Candy User Interface

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.

Animation

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.

Language

bar chart.png

North-West-Power-Generation-Company-bar-chart.webp

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.

Bar Chart

map locator.png

map locator.webp

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.

Map Locator

pie chart.png

North-West-Power-Generation-Company-pie-chart.webp

Pie Chart

interactive maps.png

North-West-Power-Generation-Company-interactive-maps.webp

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.

Interactive Maps

Technology Used

Services Provided

Enterprise Solutions

Web Application Development

Product Development

UI/UX Design

Website designed and developed for North-West Power Generation Company Limited, one of the very reputed power generation companies under PDB, Bangladesh!

small_NWPGCL-Website-Development.png

thumbnail_NWPGCL-Website-Development.png

NWPGCL-Website-Development.png