nora vale

A one-page portfolio for a fictional portrait and fashion photographer, Nora Vale, where the visitor develops the image. A "Developing…" counter unrolls NORA and VALE through glass rods at the screen edges, then the cursor becomes a brush: a WebGL2 fluid simulation wipes the black off a looping clip of a woman lying in dark water, with a liquid-glass edge that refracts and splits colour around every stroke, and the stroke slowly closes again. Scrolling overexposes the frame: a liquid flood opens the whole clip, "Hold still.", "She knows you're looking." and "Now." pass through the centre while she turns her head toward you (121 stills scrubbed by the scroll), and a colour curve burns it out into a white flash. The flash becomes a contact sheet ("Contact Sheet No. 01"): moving the mouse drops frames from the roll along its path, a rolling counter in the bottom bar counts the frames and the cursor label reads each one's number and caption. Keep scrolling and the frames you dropped gather into "Your selection", a red grease-pencil ring draws itself around the chosen print with a handwritten "this one", the other frames fly off on their own arcs, and the print grows through "Print" to full bleed with "Let's develop yours". Then the darkness flows back in from the edges and the head turns back until the page is the hero again, and it jumps seamlessly to the top as ROLL 02. Smooth scroll with Lenis, GSAP ScrollTrigger, every composition held in the scroll so a flick can't skip it. Includes tablet and phone layouts with their own compositions and a burger menu, touch brushing, an automatic demo stroke and trail for visitors who don't move the mouse, and a still for browsers without WebGL.