Samuel Martínez

Design / Desktop & mobile

The work, on screen.

samuelmtnez.com

Frontend / A closer look

Explore the photograph.

The magnifier gives photographic detail its own space. This interactive study uses a photograph by Samuel Martínez; it is separate from the private editing tools.

Turn magnifier on

Move over the photo or drag with one finger. Arrow keys move the lens; + and − change the zoom; Escape switches it off. Pinch zoom remains available.

Magnification

−Magnification+

1.0×

Source image1600 × 2000 px

The zoom stops at the image’s available pixels, adjusted to this screen. No extra detail is generated.

Available zoom1.0×

Loading photograph…

01 / The idea

What this needed to solve.

Give photography and film enough presence to be judged on their own, while making the move from a selection to an individual project feel straightforward.

Portraits, wide photographs and films do not fit one uniform frame. The interface needed a consistent rhythm without flattening their different proportions or loading every project at once.

02 / The process

How it took shape.

1. 01

   Edit the selection

   Organized the supplied photography and film into project collections, choosing covers and an order that introduce the work before the interface.

2. 02

   Respect the image

   Composed portrait and landscape work with their own proportions, then added gallery and detail views without changing the photographic framing.

3. 03

   Look closer, without inventing detail

   Added an inline magnifier and a full-image viewer. Mouse, touch and keyboard navigation move the lens; the magnifier’s adjustable enlargement stays within the source photograph’s resolution. Escape closes the inspection and returns focus.

4. 04

   Separate the media

   Used ImageKit for responsive photographs and covers, and YouTube for full films, adapting the presentation to each medium rather than treating them as interchangeable files.

5. 05

   Publish the reading experience

   Built the public portfolio as a static, bilingual website and refined project navigation across desktop and mobile. Editorial administration remained separate from the public release.

The system / Information architecture

One project, different media

A project connects its cover, photographic sequence and film through one editorial record. The public website presents the work; it does not expose the private editing workflow.

Scope / Craft

My contribution.

Website design and implementation by Santiago Quiceno. Photography and the featured productions are credited to Samuel Martínez and their respective collaborators.