I designed and built a website using Zenphoto (zenphoto.org) to showcase an artist's photography and additional artwork.
Several requirements arose during the development process, including the need for sub-galleries, support for info pages, a contact form, and forward compatibility with future high-resolution display devices.
This was the first project I created within the Responsive Web Design philosophy, and as such, it automatically supports many different screen sizes, from mobile phones, to iPad-class tablets, to desktop computers. The challenge of designing "responsively" manifested itself in the nuanced mechanics of making the site organically transition through different viewport "breakpoints". Since there's no dedicated "mobile" or "tablet" version of the site, one design must support a large number of possible screen sizes, not to mention resizable browser windows!
Since iPhone 4 made it clear that many more devices would soon have very high-pixel-density "Retina" displays, I designed the site's interface and brand assets using CSS gradients and Scalable Vector Graphics, or SVGs, to seamlessly scale for future HiDPI devices. It was very exciting see the hard work pay off in 2012—the site looked absolutely perfect on the first iPads and MacBook Pros with Retina displays I ever saw it on!
The development cycle was quite long, but I could not have achieved this level of clarity and quality in design without the numerous technical and illustrative mockups I created in the process. The site was a bit of an extreme labor of love, representing the best design, branding, and web coding I had created in 2011. Unfortunately the original site is no longer available online.