The Clark Construction site is built on the ExpressionEngine CMS, which allows the site to be easily updated by the client, with little or no HTML knowledge. Since the site’s launch, it has been maintained almost exclusively by Clark. TSG won the contract to build Clark’s new masterpiece website, and provided all of the design elements. Causing Effect was tasked with coding out the XHTML, PHP, JavaScript, Flash, CMS, CSS, and the extensive database backend. Hundreds of projects, testimonials, awards, and photos were imported into the CMS via custom SQL/PHP scripts, many of which had many-to-one and many-to-many SQL relationships. Both Clark and TSG were pleased with the end product (oh yeah, we were too).

April 2009 View Live Site

The home page features a custom XML driven Flash piece. CE also created an accordion using the MooTools JavaScript framework, and an SEO friendly dynamic text replacement script used throughout the site.

CE developed a Flash video player and the JavaScript to drive the side panel image and video selection logic.

The “Timeline” is an XML driven Flash element that interactively showcases Clark’s extensive corporate history.

When a timeline milestone is clicked, a popup window reveals more detailed information about that particular event.

The commemorative Clark hardhat Flash application allows a 360° spin of the hat and the ability to click the different projects featured on it.  The custom application mimics QTVR functionality, but in a more design-friendly way.

The many Clark projects can be queried by certain criteria to find specific results. Custom JavaScript allows the user to view all of the images related to each project. Results are paginated to make perusing large numbers of projects possible.

A number of the projects in Clark’s portfolio are designated “Featured Projects.” These impressive projects have a unique layout to showcase the project’s craftsmanship, awards, and testimonials.

Newsletter pages.

The 404 (page not found error) page helps site users find what they are looking for by presenting the user with a site map.

Each news entry can be clicked to view the entire release text, as well as a large image related to the story.