Codepal

Archive for May, 2010

Formwork Company

Thursday, May 20th, 2010

Formworks Company is a private construction company based in the United Kingdom. After completing the branding and the concept of their site, Buck Design Ltd. required us to convert their design into a static yet dynamic brochure website.

The Challenge

The site was designed in such a way that it contained a number of blocks distributed all over the page. It was the requirement of the design to give that look and feel to the site and it was our job to implement those blocks in the most efficient way possible. The primary requirement was to implement a gallery which would enable the user to update images and the details for different projects just by uploading the images via a FTP client. In some of the pages, the images were to be made dynamic such that they keep rotating with time.

The Solution

We implemented the site in the most efficient manner possible. Minimum amount of images were used to reduce bandwidth usage and enable super fast loading of the site. Most of the design boxes were implemented using purely cascading styles. The gallery was implemented using a PHP based open source gallery which was modified according to the design’s requirement. It enabled the user to update images and information related to a project by creating a folder by the project’s name. The gallery would do the job of fetching the data and images from the folder and displaying it in the website according. The rotating images implemented in the ‘Portfolio’ and the ‘Company Documents ‘ was implemented using jQuery.

Tags: PSD to Wordpress, PSD to xHTML/CSS, Wordpress
Posted in Portfolio | No Comments »

Clinova

Thursday, May 20th, 2010

Clinova is an international pharmaceuticals company. They approached Buck Design Ltd. to get their online identity renovated to a very professional one. They required highly customized pages because of the variety of products they have.

The Challenge

Being a pharmaceutical company, they have a large variety of medical products. Their requirement was that the whole site should be based on a content management system such that they themselves can update the site in a very easy manner. They also required the site to be multi-lingual. The primary challenges that we faced were in the three most important parts of the site, the products area, news area and research area.

The products page required to be pretty complex with each product having its own customized styling according to the product. The news page was pretty simple as it just required three different categories to be listed in the same page and also in the homepage. The research page was the tricky one as they had a particular demand for a graph representing the different stages of their research cycle. This graph would be dynamic and they should be able to update the stage of the research for any particular product through the content management system itself.

The Solution

The complete project required a detailed hierarchical structure of how the data should be organized in the content management system. We used the Google’s translate API to enable multilingual support of around fifty seven international languages. The site was developed keeping efficient user interactivity in mind such that maximum time is spent in browsing through the content. After chalking out the structure, our primary goal was to implement the interactivity required for the research graph. The structure was planned out in such a way that all the primary details for a product, the graphics related to it and all its meta-data were encapsulated together to represent a single entity. Then this single entity could be accessed anywhere in the site to represent the data in any format required as per the design.

The research stages of a particular product were also included as meta-data to the product. This enabled them to easily update the research stage which would reflect in the research graph in the appropriate manner. The site also required implementations of other categories like details about the company, partnerships, careers, connect and contact us with integrated Google map. The backend administration panel of the site was also customized to give a professional look and feel to the employees.

Tags: CMS, PSD to Wordpress, PSD to xHTML/CSS, Wordpress
Posted in Portfolio | 1 Comment »