The original photograph is shown below.

.

This book was produced and designed using Adobe InDesign. I was solely in charge of the design, photography, and retouching.

Here are some still frames from the animation.
Click the following to play the animated clip.

Current Site: Project Page

Current Site: Project Page & Project Info

It had been proposed that the project section needed ‘fleshing out’. The project information needed more detail and would be rewritten and broken down into four sub sections: Overview, Concept, Design, Construction. It was also a requirement to allow more images per project. I suggested that images could also fit and follow the four proposed sub sections. I also proposed that a video interview should be added in order to better convey the architect’s passion and thoughts on a project. The client also wanted the option for the user to be able to download a print version PDF of each project page. I also thought it was important for the user to be able to keyword search a project page. Through further discussion it was felt that a scroll site, rather than the current fixed frame approach would be the best approach and would also be flexible enough to allow changes or additions to the site over time. I also felt the present navigation needed more thought and visual feedback to allow a better user experience. I started with this section first, and came out with the following concept designs. Click the thumbnails to see at the proposed size. I also created a simple prototype to show the client how the video would play. Video Demo>

Concept A

Concept B

Concept C

Concept D

Concept C allowed for a large image, and since photography was very important this was the best layout. Then I decided to test this with another project that had more portrait photography.

Concept C: Rotunda_1

Concept C: Rotunda_2

Concept C: Rotunda_3

Then I considered the Home page. I proposed a more newspaper type of approach, that would allow for users to quickly see recent news headlines, key projects and recently updated projects. All of these pieces of information could be then changed weekly and enable both new and regular visitors to quickly find updated information via links to all the relevant pages, without the need to hunt for it for themselves as the current site does. I also wanted to include some movement into a rather text heavy page and therefore suggested an embedded flash project showcase animation. I also created a simple prototype to show the client how the home page might look with flash animation.

Home Demo>

Concept A: Home Page

Concept B: Home Page

Building on the from the previous concepts the Practice section was the next consideration. using this new layout allowed for a lot more flexibility on the amount of text, and also allowed for external and internal links to other relevant information.

Concept A: Practice Page

Concept B: Practice Page

Finally the Career and Contact Pages were laid out in a similar style.

Concept: Careers Page

Concept: Contact Page

In order to create this final visual, I took nine photographs of the GHA office exterior, and combined them to create an HDR composite. The processing and tonemapping was achieved with Photomatix. The image below is the result before retouching.

The polar bear was added and colour balanced to match the scene. His refelection in the window and the road was also added. Falling snow and snow on the ground was then added. Some retouching was also performed on the building façade.

Part of an animation test for an educational CDRom pitch. This test was created with a combination of replacement animation in conjunction with the Puppet Tool inside of Adobe After Effects.

The bullfrog illustration was supplied as flat artwork. This required redrawing to allow for arm movement, redrawing of the eye lids and mouth parts for replacement animation, and artworking for the background elements. The images below show the elements required.