[All work](/work?type=work)

# Beth Hurley

Beth's work is photographs of clothes on people, so the site is built to get out of their way. She adds a project or a photo set in the CMS and the site rebuilds without me.

[Visit site](https://bethhurley.nz)

Design, front-end development and content model. Beth supplied the content and copy.

![Beth Hurley's homepage: her name and a Work, About, Photography menu above a two-column layout, with an About paragraph on the left and a photograph of a model in a black fascinator on the right.](https://cdn.sanity.io/images/qnuj1c4o/production/b452d89f4f2f1f586f0d207a38d5ad8ff2b02255-2400x1350.jpg?w=1920\&q=80\&auto=format)

Nearly every pixel on this site is a photograph, so the build keeps the type on one left axis and lets the images run to the edge. A row of frames shares a height rather than a shelf: each card's width comes from its own ratio, so a portrait and a landscape sit in the same row without being cropped to match.

Work pages carry a collection or an involvement with the role and credits beside it. Photography holds three sets, Japan plus black and white and colour film, each a board that reflows from one column on a phone to four on a desktop.

The content lives in Contentful and is read at build time. Publishing there fires a production rebuild, which is the part that matters to Beth: a new collection or photo set goes live without her asking anyone.

## Outcome

Live at bethhurley.nz. Publishing in Contentful rebuilds production on its own, so a new collection goes up without a deploy from me.

Dear Bones

### A collection page

![A project page for Dear Bones, with the collection title, role and credits in the left column and a full-length photograph of the outfit in the right.](https://cdn.sanity.io/images/qnuj1c4o/production/6ecf45ccb761f742090303b1ef815b763dcd60e9-2400x1350.jpg?w=2400\&q=80\&auto=format)

Photography

### The photography index

![The photography index, a board of frames from the Japan set laid out in columns.](https://cdn.sanity.io/images/qnuj1c4o/production/2682d603753f1dd32d06e15bcedadd86bee6923b-2400x1350.jpg?w=2400\&q=80\&auto=format)

Mobile

### On a phone

![The homepage on a phone, with the name and menu above the About text and a single photograph below.](https://cdn.sanity.io/images/qnuj1c4o/production/1e67542726286a4d41af7d34a8fc218e913f4a60-780x1688.jpg?w=720\&q=80\&auto=format)

[All work](/work?type=work)

## Have a website in mind?

[Book a call ](https://cal.com/hamishburke/30min)<hamishapps@gmail.com>
