One Night is a concept for a night photographer's archive. Most portfolios are a grid. This one is a single night, read from left to right, from 17:48 to 05:52, with twenty-one photographs placed at the hour each one was taken.
The first screen is an orbit. A portrait of the photographer sits in the middle while her photographs drift around her in 3D and answer the pointer. Scrolling pulls you out of the orbit and into the night.
After that the page pins and the scroll turns sideways. A clock in the header runs with you, and a thin line under it tracks the whole night. The sky is one colour computed from that clock: dusk violet, near black through midnight, a warm tint before dawn. Every surface reads the same value, so the page changes with the hour.
An index lists every frame in time order and opens the same lightbox as the timeline. The page ends on first light, 05:52. On a phone the pin is dropped and the night becomes a vertical list.
Alongside the site I cut a 31-second showcase film with an original soundtrack: a low drone and rain underneath, a bell as the clock lands on 17:48, a tick for every ten minutes of the night, and a whoosh each time a new frame comes forward.
This is the live build. Scroll inside the frame, or open it full screen to see the pinned sideways timeline at full size.
At phone width the pinned timeline gives way to a vertical list, one frame after another in time order. The type scales down, the photographs run close to the edges, and the lightbox still opens on a tap. This is one continuous scroll from the orbit to first light.
Twenty-one photographs, each placed on the timeline at the hour it was taken. A selection is shown here.
