Codepal

Posts Tagged ‘PSD to Wordpress’

Clarion

Tuesday, March 22nd, 2011

Clarion Consultancy Services are pioneers in offering consultation, and active solutions from corporate research to close protection with support to governments, large multinational corporations and individuals. They wanted a website which could provide these services and training online and allow users to register and pay for the tutorials. Buck Design Ltd. did a great job in designing a user friendly, modern design and now it was our job to deliver an efficient CMS for content and user management.

The Challenge

The main challenge in this website was to implement a hierarchical membership system with three levels of members. Allowing users to register on their own, pay for the membership fee and access premium tutorials. Also to differentiate the kind of content the users can access based on their membership level.

We also had to implement a dashboard where the member can update his profile or upgrade to a higher level of membership. Other important stuffs included proper management of pages, contact forms, Google map integration etc.

The Solution

Our choice for content management system was WordPress. Also the fact that WordPress’ user management system is very efficient, it was our primary choice. Proper management of pages and content was easily implemented. WordPress was highly customized to implement the hierarchical architecture for user membership, facilitate the payment system for membership registration and proper accessibility of content based on the membership level.

Tags: CMS, Development, Membership System, PSD to Wordpress, Wordpress
Posted in Portfolio | No Comments »

Structure Sealant C. Ltd.

Sunday, March 20th, 2011

Structural Sealant Contracts Ltd. are specialist sealant applicators based in London. The company is somewhat related to the Formworks Construction Company. We recently upgraded the Formwork site by implementing a customized WordPress content management solution. As being related to the Formwork Company, they got the chance to experience the internal workings of the website. They were really impressed by it and approached Buck Design Ltd. to re-design their website and we were given the responsibility to implement the content management solution. Along with the CMS implementation, we also provided some advanced features like recruitment system, Google map integration etc.

The Challenge

The site was pretty similar to the Formwork Company site as the two companies are related. But still there were many changes to the site with respect to the design. Even though the site was similar to the Formwork site, it was our job to give it a fresh appeal, user interaction wise.

CMS needed to be very efficient in managing the content and specially the images. There were a lot of images on every page and our task was to make everything dynamic such that the client could even change the images from the backend of the website. The homepage of the side needed a carousel of the featured posts and the featured news integrated as one continuous stream.

Similar to the Formwork site, we had to implement proper custom designed scroll bars as all the pages were of static height. It was necessary such that the content would not be restricted and the design won’t be ruined because of the default scroll bars.

The portfolio page was similar to the Formwork site in the way that the client could upload any number of project images. But it was still different because the project images were of a larger size and occupied most of the area of the page. Hence, it was really important to manage the images in such a way that it does not affect the loading time of the page and give a blank page feel.

Again, similar to the Formwork Site, the news and recruitment pages needed simple methods for posting new entries. The recruitment page required a special recruitment form which was to be linked with the respective recruitment posting. The contact page required a simple contact form and Google Map integration, displaying the location of the office.

The Solution

WordPress was again used as the CMS for the site. WordPress' immense flexibility and features like custom posts and custom taxonomies made the content management very efficient and user friendly. It also made our work easy in implementing the multi type carousel at the homepage.

CSS3 and jQuery were used a lot throughout the site to give its user interactivity a modern feel keeping it simple and user friendly. The scrollbars blended perfectly with the design and helped overcome the content restriction due to static height problem.

The project images were optimized and the customized backend uploading mechanism made the task of uploading heaps of images very easy. They were implemented using a slideshow approach such that one image is displayed at a time. This enabled all the other images to load on time and not destroy the design flow of the site.

Implementing the contact form was easy where as the recruitment form was a bit tricky as we had to link the form to the respective recruitment posting. The Google Map integration was also smooth because of the awesome API provided by Google.

Tags: CMS, CSS 3, Custom Posts, Development, PSD to Wordpress, Wordpress
Posted in Portfolio | No Comments »

Formwork Company v2

Sunday, February 27th, 2011

Formworks Company is a private construction company based in the United Kingdom. We developed their static website sometime back which helped their business a lot. With time, the content of the site increased and so did the need for advanced features which a static website could not provide them. So they again approached Buck Design Ltd. for the solution. The site's design was re-touched a bit and we integrated the content management system using WordPress and also implemented some really advanced features like Feedback with voting system, Recruitment System etc.

The Challenge

The site's modular design structure was very easy to convert to xHTML/CSS3. The main challenge was to integrate the CMS in the most efficient way possible. The homepage of the side needed a carousel of the featured posts and the featured news integrated as one continuous stream.

All the pages in the site are of static height, hence we had to implement proper scroll bars so that the size of the content would not be restricted and the scroll bar could not destroy the look and feel of the website. The same stood for the portfolio page's projects list.

One of the main requirements of the projects was that each project could have any amount of project images and our goal was to display them in a proper user friendly manner such that it does not affect the site's loading time.

The news and recruitment pages needed simple methods for posting new entries. The recruitment page required a special recruitment form which was to be linked with the respective recruitment posting. The contact page required a simple contact form as well contrasting to the previous version of the static site.

The biggest challenge was to implement a feedback suggestion system with threaded commenting and a voting mechanism to vote up the best feedback suggested.

The Solution

We used WordPress as the CMS for the site. WordPress' immense flexibility helped us overcome the challenges easily. We made use of custom posts and custom taxonomies to make the content management very efficient and user friendly. It also made our work easy in implementing the multi type carousel at the homepage.

We used jQuery a lot on the site to achieve the utmost level of efficient interactivity and user friendliness keeping the site's accessibility in mind. The scrollbars became design friendly and served the purpose perfectly.

The project images were implemented in such a manner that the user can view the images as they are or enlarge them and even control the flow of images. All these were implemented in such a manner that the loading time of the images does not give a bad experience to the user.

Implementing the contact form was easy where as the recruitment form was a bit tricky as we had to link the form to the respective recruitment posting.

Finally, the feedback system was implemented by customizing WordPress further and integrating the threaded comment system and the voting sytem within it.

Tags: CMS, CSS 3, Custom Posts, Development, PSD to Wordpress, Wordpress
Posted in Portfolio | No Comments »

Publishing Gurus

Thursday, February 24th, 2011

PublishingGurus.com provides complete solutions for designing, editing, formatting, publishing and promoting books. The website was completely designed by their very own Sunny Kapoor (the Founder and Creative Director), and we were given the task to develop the site making it fully customizable and implementing many complex features in it. We used wordpress to achieve our task and highly customized it to get a high quality product.

The Challenge

The primary objective of the website was to maintain huge amounts of pages. Other than the content management aspect of the whole website, the two important requirements were implementing a book display store where they could display and promote the featured books and the business card gallery. It also required a Gallery where they could display the designed covers for their books.

Other challenges included implementing various types of forms, each different from the other in many aspects. The business card layouts required to be linked with the forms such that the user can customize and order the printing of the respective cards easily. Also linking the orders with the PayPal payment system was a major feature. Other requirements included implementation of different types of posting ability like news and a dedicated blog.

The Solution

WordPress, as we all know, does a great job in managing the content whether it is in pages or in posts. We enabled customization of all the pages via the admin panel and implemented the ability to post news updates or blog posts.

The book display store was again managed properly using various categories and filtering options. Obviously, the user can easily edit the image and the details of the book. The print service of business card was a bit tricky to implement but we succeeded in it with flying colours. We used jQuery to display the various business card templates in an eye soothing manner. Connected each card template to the details posted by the respective forms and connected the ordering system to PayPal. We also used jQuery based galleries to display the portfolio of designed book covers.

The website as a whole was pretty complex and included many carousels and forms but everything was implemented in a light user friendly way. We even added social networking features to share the website and its content easily to promote growth of the site and advertisement for the books displayed on it.

The site was completely optimized for search engines and additional features were installed like the integration of Google Analytics within the dashboard displaying the statistics about each post and page.

Tags: CMS, CSS 3, Development, jQuery, PHP, PSD to Wordpress, Wordpress
Posted in Portfolio | No Comments »

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 »

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