Skip to content

CasesPhotographerConcept build

Mara Lindqvist

A Barcelona documentary photographer's site built as her darkroom: a print comes up under the safelight, a contact sheet is marked in grease pencil, and three frames are printed at full height before the series hang edge to edge.

A focused 30 minutes, not a sales pitch.

Sector
Photographer, editorial and documentary
Signature
The develop · the edit · the grease pencil
Conversion
Commissions: circle a frame on each strip of the brief
Type
Inter Tight 200 · IBM Plex Mono
01

The brief

Mara Lindqvist photographs the same three places until nobody minds the camera any more. Nits del Port: Barceloneta's working port after dark, 34 photographs, still going. Els Terrats: the rooftops and their water tanks, washing lines and aerials, 28 photographs. La Costa: the R1 ridden north along the winter sea, 41 photographs. Magazine commissions pay for the personal series.

The people who hire her are art directors and picture editors. They open a portfolio to settle one question, whether this person can hold a body of work together, and they settle it quickly, often on a phone. They look at photographs for a living. The previous build showed her 4096px masters at a fifth to a half of the screen's width.

02

The idea

The site is the room where the work is made and chosen: the darkroom and the editing table. The page walks that room in its working order. A print comes up in the tray, a contact sheet is marked and three frames are printed, the three series hang as prints, the photographer appears under her own safelight, and the visitor circles a brief.

The only colour is the two red things a photographer owns, the safelight and the grease pencil. Red appears as a loop round a chosen frame, an underline under a claim, a loop round the visitor's own answer, or a small mono label. Inter Tight at weight 200 is the print voice, her name and the series titles; IBM Plex Mono is the film-edge voice, the frame numbers, captions and labels.

03

The signature move

The hero develops: black, the latent image in red monochrome, a held beat, then colour, over 3.2 seconds. An inline script checks the photograph before first paint and holds the ritual until it has loaded. Beside the top bar a darkroom timer counts ● 00.0 to 03.2 and then reads Fixed, in pure CSS stepped by the same paused animations. Her name runs one line, 196px on a 1440 screen, across the frame's burned-in lower edge.

Then the edit, the page's one pinned section. Eight frames sit on a real contact sheet, each drawn as a 38 × 35 mm piece of film with eight perforations above and below and its edge printing, and the portrait frames lie on their side as they do on any sheet. The pencil loops №02, №05 and №08. Each select is then pulled: a red latent print rises out of its cell, turned a quarter and at the cell's scale, turns upright, grows to full height and the colour comes up in it. №05 and №08 are hung out of frame; the dockworker comes last and stays alone on the black when the sheet goes dark.

Each series then opens with its wide frame at 3:2, sized to the screen, and its title at up to 144px. The select that was printed in the edit hangs small and circled, marked printed above, and the full-height slot goes to the series' other vertical, placed in the series' geography: stacked like crates, stepped like roofs, or hung from one hairline like carriages on a track.

Red is never a fill. It is always a mark somebody drew.

04

Why it converts

This audience hires on judgement, and the edit is where judgement shows: eight frames on a sheet, and the three she chose to print.

The brief is a strip from the same sheet. The kind of commission is chosen from four of her own frames, each answer printed on its film edge, and the visitor circles a photograph with the loop the edit drew round its selects; the timeline and budget run along the film's edge. Choosing an archival print swaps the budget for the two sizes, whose prices already run along the edge: 40 × 60 cm in an edition of 7 from €900, 60 × 90 cm in an edition of 5 from €1,800. A bar with one link appears once the edit is behind the reader, and there is no email address to copy: every route ends at the form.

05

How it is built

Each lifted print is laid out once at its final size, and a unit-tested function computes the transform that lays it back over its cell, so the lift is a scrub to identity in transform and opacity only. The pencil loops are dash-drawn at the aspect of the box they ring, because a stretched dashed path renders with a bite missing. Type in the pinned edit is never scrubbed: it latches at its beat and finishes on a short timed wipe. Each strip is an ARIA radio group with a roving tabindex: a concept build's controls carry no name, so native radios cannot group.

The server HTML is the static edit, the marked sheet and three finished prints, and that is what reduced motion and JavaScript-off readers get. The phone hero is its own crop of the master, 1540 × 2737, with the burn lifted to the page's black, and during the develop the print lightens onto the wall so its black can never fall below it. The name's worst glyph pixel is measured by diffing renders with and without it: 3.69:1 at 1280 × 720. The form validates for real and sends nothing, and its success panel leads with the disclosure.

Mara Lindqvist is a fictional photographer, invented so we could build the portfolio she would need. The person is not real, and neither are the series, the frames or the commissions. The enquiry form sends nothing and stores nothing. The build is real: every section, every frame number, every line of code.

Let’s make your digital work compound.

Choose a time on Gabriel’s calendar. We’ll go through where you are today, what’s slowing growth, and what’s worth doing first, whether or not we work together.

Gabriel Espinheira

Gabriel Espinheira

Senior software engineer · English or Portuguese

A focused 30 minutes, not a sales pitch.