Back to Projects
WebPublic

Photography Portfolio

A minimal, fast photography portfolio showcasing automotive, cityscape, and portraiture work. Built as static HTML/CSS/JS with a two-tier image pipeline and a full-resolution lightbox viewer.

A personal photography portfolio built to show automotive, cityscape, and portraiture work with the least overhead possible. The site prioritizes fast image delivery and a clean, distraction-free viewing experience across devices.

HTMLCSSJavaScriptPhotographyResponsive Design

Role

Photographer and Web Developer

Timeline

Shipped

Delivery

Structured implementation across design, engineering, and release phases.

Challenge

  • Serve large, high-quality photos without slowing down grid browsing.
  • Deliver a polished viewing experience without a framework or build step.
  • Keep the layout clean and readable on mobile, tablet, and desktop.

Solution

  • Built a two-tier image pipeline: lightweight thumbnails for grids, high-res versions for the lightbox.
  • Implemented a lightbox viewer for navigating and viewing full-resolution images.
  • Used plain HTML, CSS, and JavaScript with a responsive, mobile-first layout.

Architecture

  • Static HTML/CSS/JS with no build tools or framework overhead.
  • Two-tier asset strategy separating grid thumbnails from lightbox originals.
  • Responsive layout that adapts across mobile, tablet, and desktop breakpoints.

Outcomes

  • Shipped a fast, live portfolio at photo.artanahmadi.com.
  • Delivered smooth grid browsing paired with full-resolution viewing.
  • Kept the stack simple and dependency-free for easy maintenance.

Next Steps

  • Add category filtering across automotive, cityscape, and portraiture sets.
  • Introduce lazy-loading refinements for larger galleries.
  • Expand the collection with new shoots over time.

More Projects