124
Tom Chapman: Photographer
    • Live
    • Design
    • Development
    • Photography
    • 2019

A photographer’s web site is an experience that should align with the goals and intentions of said photographer; be they accomplished, high-fashion or just starting out and looking to put their best foot forward in grabbing the attention of client’s.

So I built something that gets out of the way, displays my big, beautiful images super well, while allowing me to retain a lot of power to build custom experiences.

For me, my portfolio websites should be as great an experience as viewing works in a brick-and-mortar gallery, rather than something cobbled together with a Squarespace or a Wix.

An atypical photographer's portfolio with features other photographers _wish_ they had. A beautiful blend of magazine spreads and grid-based albums, with a pinch of data-rich tools.An atypical photographer's portfolio with features other photographers _wish_ they had. A beautiful blend of magazine spreads and grid-based albums, with a pinch of data-rich tools.

An atypical photographer's portfolio with features other photographers wish they had. A beautiful blend of magazine spreads and grid-based albums, with a pinch of data-rich tools.

There’s a few aspects of this design that really matter to me personally. I don’t like portfolios that use janky lightbox features or vary greatly in user experience between form factors—this was a significant design choice for me. That said, sets and the Timeline feature do have an optional fullscreen mode feature, but critically, it's not required to have the best viewing experience.

I wanted the predictability of a static design with the excitement of some randomness. I’ve also always been fond of the small plaques that accompany artworks in galleries. They’re like little metadata pop ups adjoined to their parent page.

As a photographer, I haven’t yet specialised in a particular field—if I ever even will—and this design furthers lends itself to that.

As such, this is the robust product that I came up with.

Example of a set page with a file's overlay active displaying EXIF data including focus pointsExample of a set page with a file's overlay active displaying EXIF data including focus points

Example of a set page with a file's overlay active displaying EXIF data including focus points

Files belong to sets. I've employed some clever tricks to enable variety in size and layout, including a masonry-style grid (pictured) and large feature blocks.

Mouse over a file a to see EXIF and autofocus data. Tap any file to see the file's permalink page, which includes relevant metadata including a map of the capture location.

There's no image sliders here–I wanted it to be clean, simple, and fast.

c09816e1-8457-4d25-8682-dd571aaf977ac09816e1-8457-4d25-8682-dd571aaf977a

Blogging is back! I find it's important to leave notes for my future self. Not only that, but it's therapeutic.

I designed a system that stands tall on its own. This system isn't dependant on nor does it present an obligation to, for me to describe my adventures. Text entries supplement my photos and give them even more colour.

It is in the least a cool chronological view with some cool date UI.

This is an ongoing project. As such, this archive item may be outdated or incomplete.