This post is the second part of the project that I was working on for an LPG distributor in Haiti, Gazel Gaz. Recently, I blogged about the ideas and concepts behind their identity and now would like to share the experience on building their website.
The Gazel Gaz website is small and comprised mostly of static pages but quite honestly, I was still a little bit perplexed how and where to begin although I created their identity myself ... but I am excited at the same time because it was an opportunity to be creative and think outside the box as they say.
Most of the gas company websites, at least the ones I have seen, use blue as their main base color for their design, which is the obvious choice. For one because it signifies the blue flame. One of the reasons why I chose green for Gazel is to emphasize their most significant objective as a company, which is to give consumers an environmentally-friendly fuel to help preserve the environment by conserving energy. Second, the color green represents the environment and lastly, the most obvious reason, Gazel Gaz bears the tag line A greener future.
The Artwork and Design Elements
Nothing more says mother nature or clean environment than trees, animals and breath-taking landscapes around us. Thus, the inspiration for the artwork on the main page and other significant design elements in every page of the site.
The Technology
CSS, XHTML, Javascript and PHP were the biggest players for the success of this project. Although the site comprised mostly of static pages, it needs to be prepped for multiple translations. A good discussion on bytes.com on developing multi lingual websites in PHP helped me significantly. JQuery / JQuery UI were the Javascript framework chosen for it's versatility and ease of use.
Conclusion
This is just the beginning for Gazel Gaz and it will surely evolve and improve in the next years of its existence. Here's a screenshot of the main page of the site. Check out their website on here.
