GapLens

The Intention.

GapLens is a fine art photography studio that captures the space between light and shadow. They needed a digital presence that honored the silence and depth of their work—a platform where each image could breathe and command attention without distraction.

The Discipline.

We approached this as an architectural exercise in restraint. The interface became a gallery wall: clean, minimal, and entirely in service of the photography. Every interaction was designed to slow the viewer down, to create space for contemplation. Navigation was reduced to its essence—Archive, Editorial, Studio, Contact—allowing the work itself to be the narrative.

“The greatest depth is found not in what we show, but in the silence we allow the eye to hold.”

The Craft.

The technical challenge was creating a performant, image-first experience that felt both immediate and timeless. We built a custom image loading system that prioritized visual quality while maintaining speed. The site uses subtle scroll-triggered animations and a carefully orchestrated reveal system that lets each photograph arrive with intention.

useEffect(() => {
  const observer = new IntersectionObserver(
    (entries) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          const elementId = entry.target.getAttribute('data-reveal');
          if (elementId) {
            setVisibleElements(prev => new Set([...prev, elementId]));
          }
        }
      });
    },
    { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }
  );

  const elements = document.querySelectorAll('[data-reveal]');
  elements.forEach((el) => observer.observe(el));

  return () => observer.disconnect();
}, []);