Web Design

Visions of NYC
Photography Portfolio

A rebuild of a fine-art photography archive of New York City — thirteen sections, each opening as a film and dissolving into its photographs.

Architecture — Hero & Gallery “The archive as cinema.”
Client Visions of NYC
Industry Fine-Art Photography
Services UX/UI Design
Web Development
Motion Design
Deliverables Site Rebuild
Thirteen Galleries
Hero Films & Lightbox
www.visionsofnyc.com

“The photographs carry all the color.”

Visions of NYC is a fine-art photography portfolio of New York — architecture, interiors, street photography, cityscapes, the TWA Flight Center, and more. It is strictly photography: no blog, no store, no clutter. The rebuild needed to honor a large, numbered archive and make browsing it feel like an experience rather than a slideshow.

We treated the archive as cinema. Each of the thirteen sections opens with a hero film behind a towering compressed title, then dissolves into its contact sheet: a grid whose columns drift at slightly different speeds as you scroll. The interface stays in the darkroom — near-black, no colored panels — so the photographs supply every color. Monospaced numbering keeps the archive’s order visible, and any photo opens into a full-screen lightbox with keyboard and swipe navigation.

Visions of NYC — the Interiors section hero with a giant title over the film
01 Section Hero Every section opens on a film, its name set huge across the frame.
Visions of NYC — the Street Photography gallery grid
02 Street Photography The film gives way to a contact sheet: a three-column grid, each photograph numbered.
Visions of NYC — the Abstract gallery of light-trail photographs
03 Abstract A dark, quiet interface lets the most vivid work in the archive carry the page.
Visions of NYC — the full-screen lightbox showing the Empire State Building
04 Lightbox Any photo opens full screen, with arrow-key and swipe navigation through the section.

Outcomes: A photography archive that feels like a screening — thirteen sections with their own films, a grid that moves with the reader, and an interface that steps back so the city can come forward.

← Back to Work