Recently I was approached by long-time friend & talented web-designer, Stephen Daoud, to see if I could help him take some photos for the portfolio section of his website.
He believed that simply having screenshots of his designs with links to the sites just seemed a bit dull. He wanted to see the designs framed by real life. He wanted to see his designs running on sleek hardware: an iMac running on a desk, an iPad in someone’s hands, etc. Showing how his client’s end users would be seeing the sites.
After talking through the idea and letting it evolve naturally we came up with a couple of key insights that would guide us for this project. First, it would be great to create these dioramas in an environment that reflected the design, style & ethos of each site & client. So for a chain of restaurants we found a kitchen, for a natural surf company we found wood & flowing water, and for an arts website we created a studio space.
Secondly, his designs were too interactive and sprawling to fit entirely on the screen of a device in a still photo. So rather than creating lots of photos to feature each element, why not produce each diorama as a cinemagram as well as a photograph. For those of you unfamiliar with this term, a cinemagram is a still image similar to a poster that features moving elements that bring it to life. The motion brings a fresh element to the piece.
To see them as cinemagrams as intended you can check them out at his website: www.stephendaoud.co.uk