- Web Design ServedProject Featured On:Web Design Served — 12/24/11
David Yellen Photography
- David Yellen Photography
Identity & Website
- David Yellen is known for taking powerful and striking portraits that highlight the depth and character of his subjects. His subjects have ranged from Warren Buffett to Kanye West to the Kardashian sisters, and his images have been featured on the covers of Fortune, Billboard and Snob magazines.
He’s the author of two well-received books, Too Fast For Love (PowerHouse books 2004) and Hair Wars (PowerHouse books, 2007).
Visit our website for bigger images and more work: www.lundgrenlindqvist.se
- David commissioned us to redesign his graphic identity and web presence. One of the main issues with his previous website was that it was Flash-based and did not work on his presentation platform of choice, the iPad. With that in mind, we designed a responsive website that adjusts to the browser (or device). This solves the problem of clashing image ratios as a simple turn of the iPad will make the site switch from landscape view to a standing view. The images, which is, naturally, the main content were split up into six different categories, each one with a specific clientele in mind.
Due to the high, and steadily increasing, number of images in each category, we designed a thumbnail overview that opens on top of the active image. The layout of the overview is based on a mathematical equation dividing the total amount of space available on the screen with the number of thumbnails. The thumbnails are then scaled and positioned to fill up as much as possible of the total area, while still keeping in line with the grid.
Another focal point of the development process was the loading time of the site. For the busy Art Director of the business and magazine worlds, loading all images at once was just not an option. Therefore, we did a long series of tests, trying out different loading scenarios on different devices and connections, in order to calculate how to best decrease the time spent waiting for images to appear. Eventually, we ended up with a solution that loads a first set of images enabling the visitor to browse through these, while the next batch is loaded. This procedure is repeated until all images in the gallery have been loaded.