- Live
- Design
- Development
- Photography
- 2019—
- HTML 5
- Responsive CSS
- ECMAScript
- React
- Node.js
- Adobe Lightroom
- Adobe Illustrator
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.
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.
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.
Photos 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.
Tapping any photo takes the user to a detail view which includes relevant metadata including a map of the capture location.
There's no image sliders here–I want it to be clean, simple, and fast.
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 incomplete.