SEE THE PAT BATES WEBSITEpatbates responsive website design

Pat Bates is a photographers representative based in New York City. Pat Bates approached us with a request for a proposal for a new website. The process for determining how their new website should be built involved first discussing what was not working with their previous site and how Pat Bates would like to be able to administer and present their various artists online. This required some considerable thinking, discussion and sketching of web pages. Through this process we were able to determine how categories of artists, their categories of photography and the artists individual photos could be presented.

We suggested they adopt a responsive web platform as part of the re-design. “Responsive” means that photography, content and features adapt automatically to varying screen sizes and mobile devices. A responsive construction will reconfigure content depending on the size at which it appears. Simply pushing the browser window on the computer desktop to a narrower width will demonstrate this. The various reconfigurations, sometimes exemplified by the re-flowing of text or the stacking of pictures and columns, are designed to fit handheld devices by default.

One outstanding feature that was designed into the new site is the photographers masonry grid. The masonry grid is a very cutting edge display plug-in. Pat Bates wanted to present an array of thumbnails of an individual artists work. Most website frameworks offer thumbnail selections as a way to handle this but most are based on a rigid size ratio. It was important for Pat Bates to present each photo as it was meant to be cropped, therefore we suggested using a masonry grid framework. An example of this can be seen here. If the browser window is narrowed you can see the unique way in which the page displays the thumbnails of various ratios:
MASONRY GRID EXAMPLE

2 Comments

  1. oakley sunglasses cheap
    October 18, 2015

    Thought I would comment and say neat theme, did you code it on your own? It looks really good!

    Reply
    • finnwinterson@gmail.com
      October 30, 2015

      Yes, thanks, it was custom coded.

      Reply

Leave a Reply