• This page includes several contents feeds from deeper in the site. The main promotion area changes randomly whilst the two smaller feeds change monthly. The page will be redesigned shortly to include a small news snippet and introduction.
• This page shows the tight grid structure of the site and outlines the legibility of lage amounts of text.
• This section is a portal to all of the project categories. It includes feeds from the subcategories. It is easy to see in this example, though hard-coded in HTML, it will be straightforward to migrate and enhance the site using a database.
• This is the content page for a case study. It shows the project images as thumbnails and also the larger version in a pop-up window.
• A very legible and straightforward map on how to find the practice. This is also included as a downloadable pdf.

This page includes several contents feeds from deeper in the site. The main promotion area changes randomly whilst the two smaller feeds change monthly. The page will be redesigned shortly to include a small news snippet and introduction.

Objective

Design and build a site which reflects the new Pulmann Associates branding. The design would have to be built in order that it’s flexible enough to migrate to a database driven site in due course. This would allow addition of case studies and full control over all copy within the site.

Solution

The site was rapidly built using client-side technologies only and is served from the Pulmann Associates server. An important consideration was the in which the user would navigate throughout the site based on predefined categories and subcategories. It was decided upon the bulk of the work would be in the category “projects”. The subcategories within this would be broken down into building or project types.

This subcategorisations works extremely well and follows through to the Pulmann Associates published material.