Codepal

Archive for the ‘Portfolio’ Category

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: PSD to Wordpress, PSD to xHTML/CSS, Wordpress
Posted in Portfolio | 1 Comment »

Proactive Solutions UK

Saturday, December 19th, 2009

Buck Design Ltd. wanted a single page website developed for their new client, Proactive Solutions. This single page website would act as an online business card which would just contain the contact details about the company.

The Challenge

Overall the project was a simple single paged static site but the design team had a particular specification about the design. They wanted the blue abstract box in the design to be exactly at a certain distance from the logo when the page loads and they wanted it to touch the right edge of the browser at all time.

The Solution

The design of the webpage was made for a particular resolution. But web pages can be viewed in a variety of screen resolutions. Now if the screen resolution of the computer was higher than the one designed for, then obviously the abstract blue box would move away from the logo as it needed to be attached to the right edge of the browser.

After discussing it with the design team, we came to the conclusion that the first impression of the site should be such that, the box is at that much distance from the logo as it was in the design. The only possible way to achieve this was to reset the browser window to a size which would bring the blue abstract box closer to the logo. This fulfilled their first demand of the blue abstract box being near the logo when the user first opens the site. If the user increases the web browser’s size, the blue abstract box is always attached to the right edge of the browser which satisfies their second demand.

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

J Guevara Novels

Saturday, December 19th, 2009

Joe Guevara is an author who wanted a clean yet classy site. His main requirement was to display his featured novels, poetry books and also a blog to discuss his writings or just blog about his thoughts and future ventures.

The Challenge

To keep a site classy and yet attractive to make it stand up from all the other author sites out there on the web. It had to be a content management system so that the author can easily update his existing novels, the upcoming ones and poetry books. The other goal was to revolve the site around marketing the novels in a proper way to boost the sales up. Joe was about to launch his new book The Twain Shall Meet Again and hence the deadline of the launch of the book, along with the site, was very short.

The Solution

We planned out the whole concept of the site and broke it down into four major modules as per Joe’s requirements. These modules consisted of the landing page, the novels specific section, a blog section and the about the author section.

The main page would give an overview of the whole site to the user, as in, display the latest blog posts, the coming soon novels and specifically stress on the released novels along with the portals where they are sold. The novels page would contain a list of the novels, details about them, related reviews and the links where the user can go to buy them. Each novel would have a detailed page dedicated solely to it. The blog page would contain the blog posts and other related news stressing primarily on the social networking of the author and passing the information on to other networking sites. The whole content management system was customized to properly handle the novels and the related minute details.

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

O’ Brien and Carr Website

Tuesday, December 1st, 2009

O’ Brien and Carr website is a clean professional brochure website which also consists of a PHP based gallery. BuckDesign Studios wanted their design to be transformed into a fully working website which would load pretty fast and would be user friendly when it came to uploading images in the gallery. We achieved the target with loads of time to spare and a very satisfied client.

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

BuckDesign HTML Mail

Sunday, November 1st, 2009

BuckDesign Studios created their own email marketing campaign and they chose us to covert their designs into HTML email. After completion we verified the code on almost all the major email clients and also provided a step by step guide on how to send HTML Emails so that they could see the results of their campaign immediately

Tags: Emailer, PSD to HTML, PSD to Mail
Posted in Portfolio | No Comments »

Orange

Tuesday, October 6th, 2009

PSDTemplate.com is a great site providing some really cool website templates created in photoshop. They have a section of premium PSD layouts where they release a layout every day. They also have a free PSD layout section where they release good quality layouts available free of cost. They released Orange as one of the free PSD templates and we have coded it so that people who want to have the xHTML/CSS version of this awesome template can have that too!

Tags: CSS, Free, PSD, Template, xHTML
Posted in Blog, Downloads, Portfolio | 4 Comments »

Summer of Love

Monday, September 28th, 2009

SloDive recently posted an article named 40 Free PSD Website Templates. This is an excellent resource for designers who don’t want to start from scratch with their designing process or for developers who are not very good at designing. This xHTML/CSS template that we have coded for you guys can easily be integrated with any content management system. It is purely table-less and semantically correct for SEO purposes. Go ahead, download it and start your own band or organize a music event!

Tags: CSS, Free, PSD, Template, xHTML
Posted in Blog, Downloads, Portfolio | 3 Comments »

Business Template

Tuesday, September 1st, 2009

Business template is a free PSD Template designed by Dellustrations and is available for download at DelliBlog. We transformed this PSD template into valid xHTML/CSS code for people who want to download the code along with the PSD template.

Tags: CSS, Free, PSD, Template, xHTML
Posted in Blog, Downloads, Portfolio | 6 Comments »