Case Study: NWPGCL Website

Client Engagement

Dhrubok Infotech Services Company Ltd. came to know about the circulated RFP of North-West Power Generation Company Limited, one of the very reputed power generation companies under Bangladesh Power Development Board operating since 2007. They needed their website to be renovated with their own customized idea. A number of companies approached them with their design proposals. We were one of them. Every company presented their own among which our proposal was much satisfactory to them. So, we were chosen.

Client’s Expectation

The existing website was unfavourable 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 on 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 the 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 each and every single part of the project in order to work on it. Another issue was that most of the features were not dynamic. Rather they were all just statically showed on the website. So, we had to change all these into the dynamic in order to make the website smart.

Design Process

Eye Candy User Interface

The important thing to consider about the UI design was to be of 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 own significance. The main operative field of the app uses a white background which serves many important goals: it helps the user for the quick perception of text-based content. it goes perfectly in contrast with other key elements such as buttons, bar charts and 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. In 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.

Bar Chart

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

Map Locator

The locations of the existing plants throughout the country are shown in a map of Bangladesh. In case of a new power plant being set up, the longitudes and the latitudes will up updated by the admin from the admin panel to show it on the map.

Pie Chart

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

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 being highly legible and readable, were used respectively.

Interactive Maps

All the maps used in 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.

This has been a great experience to work with such a big name in the power generation sector. In the upcoming days, we, the team of DISL, look forward to working on many more exciting and challenging projects for different industries both at home and abroad. Want to work with us? Drop us a mail at info@dhrubokinfotech.com

Subscribe Us

Get our writings in your inbox

shares